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