vue踩坑笔记
记录使用vue踩过的坑
丹哥不是哥
热爱生活,努力发光
展开
-
element-ui组件select选择器无法显示选中的内容的问题记录
这里写自定义目录标题问题描述发现解决办法原因问题描述element-ui组件表单中某个select选择器无法显示选中的内容的,其他的select,都可以,就新添加的不行。发现网上查找之后,找到下面链接的解决办法,升级版本的省略,强制this.$set()方法也不行,https://segmentfault.com/q/1010000009295579后来发现,是在data()中没有初始...原创 2019-12-17 11:55:56 · 1397 阅读 · 0 评论 -
基于vue-cli3开发组件库---从新建文件到npm发布
文章目录安装vue-cli3并创建一个Vue项目在项目中添加组件库文件夹添加配置文件编写组件在页面中使用组件查看组件调用效果库模式打包发布到npmnpm中查看库在其他项目中引用组件库安装vue-cli3并创建一个Vue项目这部分就不用讲啦,官网上有详细的过程,我使用的主要指令为:全局安装vue-clinpm install -g @vue/cli创建一个vue项目vue create...原创 2019-11-29 16:43:03 · 894 阅读 · 0 评论 -
vue-cli 安装过程中报错npm ERR! code EPERM npm ERR! errno -4048 npm ERR! syscall scandir解决
报错信息如下解决办法1.清除npm缓存,这个方法在昨天是管用的,不知道今天为什么不行npm chache clean --force2.删除Appdata文件夹下的相关缓存,参考如下,照着删除了,还是不行。。。 https://stackoverflow.com/questions/45686727/npm-err-error-eperm-operation-not-pe...原创 2018-05-29 17:36:56 · 24117 阅读 · 7 评论 -
报错unexpected side effect in computed properties
https://stackoverflow.com/questions/53757107/handling-unexpected-side-effect-in-computed-properties-vuejs以上为参考链接修改前:<template> <select v-model="selected"> <option v-for="key ...翻译 2019-06-03 18:16:48 · 26462 阅读 · 5 评论 -
Element UI 中清除初始化数据为空时this.$refs[formName].resetFields()不起作用
问题在查询条件中,初始化时绑定手机号码值从cookie中获取,但是在清除表单的时候,只用this.$refs[formName].resetFields()无法清楚所有表单为空。分析原因this.refs[formName].resetFields()只是将查询条件初始化,所以在初始化时绑定什么值就还是什么值。如果想要清空指定的已绑定数据的表单元素,需要将清空的语句写在this.r...原创 2018-06-28 12:10:28 · 38941 阅读 · 13 评论 -
vue项目中eslint告警关闭
关闭控制台打印warning: Expected 1 line break before closing tag (</div>), but 2 line breaks found (vue/multiline-html-element-content-newline)在.eslintrc.js文件中添加以下代码即可'vue/singleline-html-element-content-newline': 'off','vue/multiline-html-element-conten原创 2021-06-24 11:41:02 · 3573 阅读 · 0 评论 -
Vue给img标签动态绑定src不展示的问题
解决方案data中的数据加上require()即可<img v-for="(item, index) in emojiComp" :src="item" class="emoji"/>// dataemojiComp: [require('@/assets/statusIcon/cry.png'), require('@/assets/statusIcon/frown.png'), require('@/assets/statusIcon/meh.png'),require('原创 2021-04-09 16:12:42 · 705 阅读 · 0 评论 -
Added non-passive event listener to a scroll-blocking 'mousewheel' event.告警
问题:Chrome 提醒:[Violation] Added non-passive event listener to a scroll-blocking ‘mousewheel’ event. Consider marking event handler as ‘passive’ to make the page more responsive.原因:详解:https://www.cnbl...原创 2020-02-19 17:09:21 · 7899 阅读 · 5 评论 -
element el-tree树组件,回绑数据问题
问题:树组件使用setCheckedKeys方法回绑数据时,如果只绑父级,子级有时候会选中,有时候不会选中。解决方法:找到父级下的所有子级使用setCheckedKeys方法,并每个都绑定,才能成功绑上。原因:???待解答...原创 2019-11-04 16:20:26 · 1891 阅读 · 0 评论 -
前端MOCK数据之json-server 在vue-cli项目中的使用
前提已经安装Node.js,并且安装好vue-cli。想要自己MOCK数据,模拟请求后端数据。json-server 安装为了后续其他项目也可以使用,选择全局安装npm install json-server -g项目中使用1. 在项目根目录创建一个db.json文件,用于放置需要模拟的数据如图: 注意:json格式要严格遵守,如果有多个请求接口,可以模拟为...原创 2018-06-05 18:30:33 · 516 阅读 · 0 评论