vue日记
花心小坚果
来此分享自己工作中遇到的问题及解决方法,互帮互助,加油
展开
-
this.$confirm is not a function(关于使用element-ti MessageBox可能会遇到的问题)
今天在写代码的时候使用到了element-ui中的MessageBox作为确认Modal提示框,但是因为项目非将element-ui组件全部引入而是部分引入所以一开始的时候是在main.js中引入MessageBox但是调用方法时遇到页面报错后来采用局部引入方式但是调用方法时遇到如下报错后来发现原因是此时的$confirm是全局引入ElementUI的时候才使用的,局部使用时应改为co...原创 2020-04-27 16:48:52 · 8866 阅读 · 5 评论 -
vue.$set() 在为对象添加属性时代替 $scope.$apply()
今天在将angular项目移到vue项目中的时候,遇到一段给对象附加属性之后使用 scope.scope.scope.apply()强制刷新渲染这里我想尝试$forceUpdate()方法去代替其作用,但是发现页面并不会随其附加属性而同步刷新,从而导致页面渲染的时候查询不到这段对象中的附加属性存在于是便尝试使用vue自带的set方法去给对象赋加属性,页面也会随其附加属性而刷新希望能帮助到遇...原创 2020-04-26 18:02:57 · 465 阅读 · 0 评论 -
element ui select组件出现自动全选的情况,并且点击无法更改显示
今天在使用element ui 选择器的时候,出现了选择器自动选中的情况,于是尝试测试各种方法去解决都无果,后来发现原因是选择器的value的类型为对象类型所导致的,当遇到这种情况的时候,需要给每个选项绑定一个vue-key属性值作为其唯一标识的键名解决方案来自https://blog.csdn.net/denghuizi/article/details/80568915感谢前人的贡献让这条...原创 2020-04-24 18:33:53 · 1508 阅读 · 0 评论 -
关于element-ui input输入框无法输入(即时显示)问题
今天在使用element-ui组件写项目的时候,调用modal时遇到了Input框无法输入(实际为未即时显示)总结了一下,触发此问题有以下触发条件1.此输入框所在页面数据为二次加载(我这边刚好是引用子组件modal)2.v-modal所绑定属性为复杂数据类型内属性百度了下发现最便捷的方法是使用@input方法调用$forceDate()进行强制更新渲染希望能帮到遇到这个坑的朋友,感谢...原创 2020-04-15 17:59:34 · 4570 阅读 · 4 评论 -
关于vue项目实现orderBy功能的一个简单方法
今天写项目的时候发现之前angular项目中的orderBy功能还挺好用,但是vue2.0之后就不支持orderBy了,百度了许多但是都没有考虑到参考值存在undefind的情况于是只能自己手写了,直接复制就能用,希望能帮到有需要的朋友sortByKey(array,key){ //(数组、排序参考属性) return array.sort(function(a,b){ ...原创 2020-04-08 11:32:40 · 1626 阅读 · 0 评论 -
wx.setstoragesync 与 localStorage.setItem区别,Unexpected token o in JSON at position与[object object] 问题
今天将小程序的项目方法移到vue项目中的时候遇到了渲染数据时报错的问题于是经过一个个的console最后终于发现原因:我存储的object数据类型经过localStorage.setItem后数据类型已经变为了string,而wx.setstoragesync则不会去改变你缓存的数据类型,所以如果你也遇到了类似问题可以进行以下操作解决方法:在存储数据时使用JSON.stringify()...原创 2020-03-05 11:27:16 · 615 阅读 · 0 评论 -
处理“start value has mixed support, consider using flex-start instead”编译警告
今天在写项目的时候写完一个部分保存项目编译的时候出现如下警告百思不得其解的我去网上找了答案,但感觉都不怎么通俗易懂,于是我便将自己之前写的一段段注释,发现错误居然是由于没有规范的写flex的属性所导致的所以将属性正确的书写就不会出现这个警告了因为这个属性在页面能够正常启用,所以我万万没想到,在此做一个笔记吧,也希望能帮到一些遇到这个坑的小伙伴们...原创 2020-02-10 13:03:49 · 22793 阅读 · 10 评论 -
vue项目动态加载本地图片404
今天写vue项目,将本地图片路径直接编成一个数组通过循环的方法加入项目中但是加载的时候却发现报错后来百度之后发现这种动态加载本地图片需要使用require进行引入图片便能顺利的加载出来了...原创 2019-08-27 14:26:38 · 2039 阅读 · 0 评论