随笔分类 -  Vue

基于vue实现搜索高亮关键字
摘要：有一个需求是在已有列表中搜索关键词，然后在列表中展示含有相关关键字的数据项并且对关键字进行高亮显示，所以该需求需要解决的就两个问题： 1.搜索关键词过滤列表数据 2.每个列表高亮关键字 ps: 此问题基于数组对象，其他数据类型也可参考此思路。 关键词搜索：过滤数据很简单，无非就是监听search，对 阅读全文
posted @ 2019-09-26 11:56 小小lomo 阅读(14881) 评论(2) 推荐(1)
vue把链接转二维码
摘要：使用qrcodejs2插件 1. 安装qrcodejs2：npm install qrcodejs2 --save 2. 在组件里面引入： import QRCode from 'qrcodejs2' 3. 在HTML加入:<div id="qrcode" ref="qrcode"></div> 4 阅读全文
posted @ 2019-07-25 11:57 小小lomo 阅读(3541) 评论(0) 推荐(0)
vue报错：[Vue warn]: Do not use built-in or reserved HTML elements as component id: header
摘要：报错的信息大致是不要将内置或保留的HTML元素用作组件ID 解决的办法是修改name符合规范或者直接删除组件内的name属性。 阅读全文
posted @ 2019-04-15 11:27 小小lomo 阅读(1618) 评论(0) 推荐(1)
[Vue warn]: Duplicate keys detected: 'area'. This may cause an update error.
摘要：运行vue程序，浏览器报错： 原因：检测到重复的密钥：'area'，因为在使用v-for循环绑定的时候，key的值是唯一的，不能相同，否则会出现意想不到的bug 解决办法：v-for时绑定的key唯一 阅读全文
posted @ 2018-12-28 18:08 小小lomo 阅读(2887) 评论(0) 推荐(0)
axios使用post方式请求出现400
摘要：在vue中如果直接使用与ajax的参数传递方式类型是不正确的，需要转化，方式有两种 1：使用 new URLSearchParams()构造参数 2.使用qs npm install qs --save import qs from 'qs' Vue.prototype.$qs = qs 阅读全文
posted @ 2018-12-11 20:52 小小lomo 阅读(6453) 评论(0) 推荐(1)
关闭vue的eslint代码检测和WebStorm的代码检测
摘要：1. 在vue项目中 bulid > webpack.base.conf.js 中： 如图，在rules规则中有一条规则是校验代码的，也就是红框2那行，要取消可以直接注释掉这行，或者把红框1的函数注释掉。 2.在webstorm中取消编辑器代码校验： 阅读全文
posted @ 2018-11-21 21:24 小小lomo 阅读(3084) 评论(0) 推荐(0)