- 博客(24)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Cannot find module ‘@babel/preset-env‘
Cannot find module '@babel/preset-env'这个报错的原因可以是安装的时候使用的命令为cnpm install babel-preset-env 不能用这个命令安装你可以把上面的这个 babel-preset-env 卸载了（cnpm unistall babel-preset-env -D）重新运行下面的这个命令cnpm install @babel/preset-env -D ...
2021-12-02 15:51:29
6661
原创 loader-utils 报错 getOptions is not defined
报错的原因可能是 因为下载的 laoder-utils 的包不同 。我下载的是3.2.x 的包报错，你可以更换为 2.x 的loader- utils 的包 cnpm i [email protected] -D
2021-12-02 14:29:20
1660
原创 关于Vue 的nextTick相关知识
官方给的 Vue.nextTick 用法关于Vue.nextTick 的疑惑Vue.nextTick 是用来干嘛的Vue.nextTick 是在什么时候用Vue.nextTick 的原理是怎么样的解释上面的问题Vue.nextTick是用来更新vue的视图的。Vue.nextTick在你的视图已经渲染了，需要再一次更新视图Vue.nextTick 的原理分成两个 1，异步 2，事件循环1.异步解释1.vue 视图更新解释Vue 实现响应式并不是你想的那种，数据更新，视图就
2021-08-11 14:48:29
302
原创 vue.extend详解
1.Vue.extend的使用Vue.extend属于全局apiVue.extend通常用于独立主键开发Vue.extend通常和Vue.extend + $mount一起使用2.在什么情况下使用Vue.extend组件模板都是事先就创建好的，要是我想从接口动态渲染组件怎么办？有内容都是在 #app 下渲染，注册组件都是在当前位置渲染。如果我要实现一个类似于 window.alert() 提示组件要求像调用 JS 函数一样调用它，该怎么办？全局组件3.举例比如我们有一个要求就是：
2021-08-11 10:49:46
6009
原创 css选择器
css 的选择器简单选择器（根据名称、id、类来选取元素）组合器选择器（根据它们之间的特定关系来选取元素）后代选择器 (空格)后代选择器匹配属于指定元素后代的所有元素。下面的例子选择 元素内的所有 元素：div p { background-color: yellow;}子选择器 (>)子选择器匹配属于指定元素子元素的所有元素。下面的例子选择属于 元素子元素的所有 元素：div > p { background-color: yellow;}
2021-08-08 13:27:05
59
原创 this.$emit(‘input‘, event.target.value) 关于element ui的inputd输入框的理解
v-model 其实是两个操作的合集1 v-model 其实是v-bind(:)绑定一个value属性值2 v-on 指令给当前元素绑定input 输入事件自定义组件使用了v-model 应该触发两个事件1 子组件接收一个 value 的prop2 触发一个input 事件 ，并串如最新的输入值3 如下图所示vue 在父子组件传值时，除了传统的父组件 ：（绑定）属性去传值外，还可以使用 父组件v-model传值，子组件props[‘value’]接收，而子组件也可以通过$emit(‘inpu
2021-08-05 17:34:37
1469
原创 后台管理系统2---登录界面--前端
1.登录页面布局* { margin: 0px; padding: 0px;}html,body,#app { height: 100%; margin: 0px; padding: 0px;}第一步准备 所需要的的图片 如下如所示的图片 图片名字一样就可以 其他无所谓第二步，准备所需的css 文件login.css 的内容.login{ width: 100%; height: 100%; background-color: aqua; di
2021-06-25 16:27:11
1508
原创 后台系统1
接上篇文章继续写1.清空项目2. 创建一个utils 文件夹 用于我们配置一些简单工具类2.1在新建的utlis 下面新建一个 requset.js 文件 （书写一些关于网络请求的东西）如下所示// 第一步导入我们 axiso// 第二部导入 错误信息提示// 第三步 创建一个axiso 请求// 把axiso 方法导出import axios from 'axios'import { Message } from 'element-ui'const service = axio
2021-06-25 15:33:51
67
原创 后台管理系统
1.后台管理系统准备阶段1.1 准备一个vue项目这里我用的是（vue 的脚手架搭建的）当然你如果觉得麻烦，你可以克隆我的仓库 （git clone https://gitee.com/little1/teaching-template.git）第一步第二步，取项目名第三步，选择配置第四步，勾选配置项第五步，默认vue版本为2.x第六步，这里随你保存或者不保存创建项目2.导入要用到的插件或者依赖第一步 . 导入element ui第二步 ，导入 axios再重
2021-06-25 14:58:28
91
原创 git报错error setting certificate verify locations: CAfile: C:/Program Files/Git/mingw64/bin/curl-ca-
git config --system http.sslverify false
2021-04-08 20:20:02
541
原创 2020-12-05
问题描述：Unexpected end of JSON input while parsing near '…"解决办法：（1）npm install --registry=https://registry.npm.taobao.org --loglevel=silly（2） npm cache clean --force（3） npm install
2020-12-05 13:18:41
102
原创 vue.js 加element ui不用 vue-cli 脚手架 直接导入 vue和 element包 形式
项目的基本项目结构!sreen.jsvar vm = new Vue({ el: '#screen', // 引入初始化数据 data: components, // 引入方法 methods: interactions, // 引入 加载时需要 调用的方法 mounted: function () { }});components 下的index.js 文件（全局初始化 的一些参数）// 定义一个全局变量var components = {};
2020-11-22 15:36:48
2626
1
原创 关于改造 element ui的分页插件部分
1 element ui 的分页 插件ui图一 <div class="block"> <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage4" :page-sizes="[100, 200, 300, 400]" :page-size="100
2020-11-22 13:55:32
297
原创 修改element ui 表格
1.在开发中我们会 经常用到 element ui 中的表格 会遇到 表格 头 不是我们想要的我 怎么办呢比如我们这把 图一的样式改成图二的样式 改表头 如图三 的 加 :header-cell-style="{background:'#214568',color:'#B9ECFD'}"图一图二图三改表的 body 部分/*表格 */表格的背景颜色.el-table{ background-color:#081243;}表格的每行的背景颜色w.el-table_
2020-11-22 13:36:56
170
原创 关于element ui input标签的改造样式
在开发中我们用 element ui 可能会遇到 element ui 给的输入框 或者 （input 输入框 ---- Select 选择器 ----- cascader 级联选择器 日期选择器 日期时间选择器 等等 只要是element ui 带有input 输入框的 我们都可以改变其ui 设计成我们想要的样式 ）// 比如我们开发中要求的 ui 如下图一所示 但是 element ui 给的选择框不一样 图二 是element ui给出的ui 图// 那么我怎么改
2020-11-22 12:12:31
1760
原创 vue.js实现网页全屏 我这里用的插件
实现网页全屏 我这里用的插件 （screenfull）你可以打开项目 安装 npm install sreenfull --save如果命令安装不起就用vue-cli 在依赖中安装在packsge.json 看是否安装成功然后在你需要用的页面引入import screenfull from ‘screenfull’ clickFullscreen () { if (!screenfull.isEnabled) { this.$message({
2020-11-07 14:31:14
406
1
原创 vue.js--element-ui实现递归菜单栏
准备一个空的项目，如果不知怎么弄可以看我以前的文章（基于vue-cli3 如何准备一个空项目（https://blog.csdn.net/qq_43634411/article/details/109455591） ）下面我展示一下做出来的效果第一步（打开element-ui 的官网，当然你必须安装element-ui ）如何安装的你可以看我前面的文章(在新建的home.vue 中添加 下面这段代码)<!-- --><template> <div class=
2020-11-06 22:17:06
1250
原创 vue element-ui 单独引入表单规则 减少页面结构
对比一下单独引入表单规则和 写在页面的表单规则没有外部引入表单规则<!-- -->import { callbackify } from 'util';<template> <body id="poster"> <el-form class="login-container" :rules="rules" ref="loginForm" :model="loginForm" label-positio
2020-11-03 19:38:17
664
原创 vue使用element-ui 的坑（表单验证规则）
总结一下验证的 porp 和输入表单字段命名必须一样 并且 还要在 表单 上绑定 ref = 表单
2020-11-03 18:12:13
251
原创 项目的登陆模块 实现（用的是本地的json 数据）（一）
准备一个新的项目（如果不知道如何创建vue - vue-cli3 项目请到我的另一篇文章 https://blog.csdn.net/qq_43634411/article/details/109455591）（因为项目用到了element-ui js-cookie axios 三个模块所以这里我们打开vue-cli 添加这三个模块 如下图 ）插件一：element-ui依赖二依赖三完成后如下图结构项目准备好了接下来清理创建的项目1.清理App.vue2.清空view 和comp
2020-11-03 13:55:17
295
转载 vs code 配置vue模板
https://blog.csdn.net/weixin_43363871/article/details/90242772
2020-11-02 19:23:40
68
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人