摘要：
注： 依赖第三方插件 clipboard 一、安装插件 npm install vue-clipboard2 --save 二、全局注入（main.js） import VueClipboard from 'vue-clipboard2' Vue.use(VueClipboard) 三、使用 <ul 阅读全文
posted @ 2019-04-23 17:10
前端小玖
阅读(24568)
评论(0)
推荐(2)
摘要：
错误原因： 子组件 props -> list 要求接收的数据类型是 Array, 然而实际接收到的是 Undefined。 子组件代码： props: { list: { type: Array, required: true } }, 所以检查父组件传过来的值，保证传过来的值是子组件所期望的数据 阅读全文
posted @ 2019-04-15 17:52
前端小玖
阅读(16034)
评论(0)
推荐(0)
摘要：
axios 默认是 Payload 格式数据请求，但有时候后端接收参数要求必须是 Form Data 格式的，所以我们就得进行转换。Payload 和 Form Data 的主要设置是根据请求头的 Content-Type 的值来的。 Payload Content-Type: 'applicati 阅读全文
posted @ 2019-04-10 13:12
前端小玖
阅读(27168)
评论(1)
推荐(2)
摘要：
输入框的 change 和 blur 事件绝大多数情况下表现是一致的，输入结束后离开输入框会先后触发 change 和 blur。那么这两个事件的区别在哪呢？ 当文本框获得焦点后，没有输入任何内容，或者最终文本框的值没有改变时，是不会触发 change 事件的，而 blur 事件始终会触发。如果希望 阅读全文
posted @ 2019-04-08 13:27
前端小玖
阅读(10960)
评论(0)
推荐(0)
摘要：
错误原因： 当给子组件设置 props 属性时，如果参数类型是 Array 或 Object ，它的默认值必须是由工场函数返回，不能直接赋值 错误代码： 正确代码： 注意事项：当是 Object 类型时，而且又使用 箭头函数时，如果设置默认值为空对象，必须加上括号 错误代码： 正确代码： 阅读全文
posted @ 2019-03-21 14:01
前端小玖
阅读(2604)
评论(3)
推荐(1)
摘要：
项目基于ElemnetUi进行的开发，在引入第三方扩展库 vue-element-extends 之后使用它的表格组件报了这个错 解决方案： 1. 删除项目中的 node_modules 2. 删除 package-lock.json 3. npm cache clean --force 4. np 阅读全文
posted @ 2019-03-13 12:20
前端小玖
阅读(4320)
评论(0)
推荐(0)
摘要：
错误消息如图： 如果你看到此错误消息，则说明 v-for 指令的 key值 重复了，只需修改你的 key值 让其不会重复即可。 阅读全文
posted @ 2019-02-25 11:53
前端小玖
阅读(9518)
评论(0)
推荐(0)
摘要：
mockjs 官网：http://mockjs.com/ 之前没有使用过 mockjs 的同学，请参考官网文档，数据生成规则和方法的调用都有详细说明。 一、通过npm安装依赖包 1. 进入到项目目录，执行指令： npm install mockjs -D 由于mockjs是用来模拟数据的，只有是开发 阅读全文
posted @ 2019-02-21 16:19
前端小玖
阅读(3285)
评论(0)
推荐(0)
摘要：
ElementUI 官网： http://element-cn.eleme.io/#/zh-CN/component/installation 一、通过npm安装依赖包 1. 进入到项目目录，执行指令 ： npm i element-ui -S 2. 安装成功后 package.json 中可以看到 阅读全文
posted @ 2019-02-21 15:33
前端小玖
阅读(13947)
评论(4)
推荐(0)
摘要：
项目在build的时候报的这个错误： 具体原因是因为版本支持的问题，publicPath 属性到 vue-cli 3.2.0 之后才支持，所以将 publicPaht 改成 baseUrl 即可，或者升级你的 vue-cli 。 阅读全文
posted @ 2019-02-21 13:56
前端小玖
阅读(30927)
评论(0)
推荐(5)
摘要：
一、安装 VUE CLI 3.0 官网： https://cli.vuejs.org/ 详细资料可以自己先把官网过一遍。 1. 安装（默认你的电脑上已安装node及npm） 2. 检查版本 二、创建项目 （用的cmd工具） 1. 利用 cd 指令进入到指定目录，即你的项目想放在哪个地方就进入到哪个目 阅读全文
posted @ 2019-02-21 12:11
前端小玖
阅读(2277)
评论(0)
推荐(0)
摘要：
一、效果图 二、思路 1. 定义两个 CSS 过度动画，前进与后退： slide-right-enter 和 slide-left-enter 2. 给路由配置meta信息，设置各个路由的级别： index 3. 监控路由跳转，比对 meta 信息级别，如果从大跳转到小说明是返回，从小跳转到大则是前 阅读全文
posted @ 2019-02-17 00:33
前端小玖
阅读(2953)
评论(0)
推荐(2)
摘要：
一、效果图 二、说明 这类提示框组件我们通常都会直接在 JS 代码中进行调用。像下面这样： 但看到网上大多数还是通过 component 方式实现的，这样的话我们在使用的时候还要在 DOM 中放置一个组件元素，然后通过一个变量来控制它的显示隐藏，这样使用起来非常的不方便。那么有什么方法可以不用在 D 阅读全文
posted @ 2019-01-26 20:41
前端小玖
阅读(9909)
评论(3)
推荐(1)
摘要：
一、项目链接 GitHub 地址： https://github.com/imxiaoer/ElementUIAdmin 项目演示地址：https://imxiaoer.github.io/ElementUIAdmin/dist/index 二、项目依赖 1. 数据请求 "axios": "^0.1 阅读全文
posted @ 2019-01-08 17:47
前端小玖
阅读(6542)
评论(5)
推荐(3)
摘要：
这里我们通过npm来进行安装 1. 安装 webpack 2. 通过 webpack -v 命令查看当前安装的版本 此时如果你想通过 webpack -v 命令来查看当前安装的版本，会出现如下提示信息 上面的提示意思就是说，webpack-cli 已经分离为一个单独的包，需要单独安装它才能运用 we 阅读全文
posted @ 2018-11-15 18:00
前端小玖
阅读(1182)
评论(0)
推荐(0)
摘要：
一、更新npm 二、更新nodejs 1. 首先通过 where node 命令找到nodejs的安装路径 2. 然后去官网下载最新的nodejs进行安装，安装路径与你之前的安装路径相同，覆盖掉之间的版本 阅读全文
posted @ 2018-10-15 17:28
前端小玖
阅读(2206)
评论(0)
推荐(0)
摘要：
1. 通过 Git 克隆项目到本地 2. Git 进入到 vue-devtools 所在目录，然后运行以下两个指令。 先运行 npm install 安装项目依赖 再运行 npm run build 进行编译生成 这两条指令的运行都需要一定的时间，请耐心等待，build 成功后如下图： 3. 修改安 阅读全文
posted @ 2018-09-30 10:03
前端小玖
阅读(6557)
评论(0)
推荐(1)
摘要：
面试中2次被问到过这个知识点，实际开发中，应用事件委托也比较常见。JS中事件委托的实现主要依赖于 事件冒泡 。那什么是事件冒泡？就是事件从最深的节点开始，然后逐步向上传播事件，举个例子：页面上有这么一个节点树，div>ul>li>a;比如给最里面的a加一个click点击事件，那么这个事件就会一层一层 阅读全文
posted @ 2018-08-29 11:18
前端小玖
阅读(1254)
评论(0)
推荐(0)
摘要：
我们用原生JS进行开发时，经常会用到两种更新DOM节点的方法：innerHTML 和 appendChild() 。其中 innerHTML 会完全替换掉原先的节点内容，如果我们是想向元素追加子节点的话，那么 innerHTML 显然满足不了需求。 转而我们就会想到 appendChild() 方法 阅读全文
posted @ 2018-08-27 11:55
前端小玖
阅读(2411)
评论(0)
推荐(0)
摘要：
思路： 一、效果图： 二、CSS代码 三、HTML代码 四、JAVASCRIPT代码 阅读全文
posted @ 2018-08-09 16:52
前端小玖
阅读(1793)
评论(0)
推荐(0)
浙公网安备 33010602011771号