自己平时入的坑Vue
小刘玩前端
这个作者很懒,什么都没留下…
展开
-
Vue渲染数据量过大,页面渲染卡
方案:减少数据,减少demo节点,虚拟列表我在处理的使用使用了两个方案,一个是减少demo节点(组件化)拆分;虚拟列表我在进行排查问题的时候发现问题的所在是因为页面html有1800多行而且数据量过大,导致前端渲染页面的时候过卡,页面中的控件也比较多还做了双向绑定。最大的问题是需求中必须是可编辑,并且要支持联动编辑。那么既然这样的话更不用说了,一个都卡的不行不行的,联动肯定就炸了。解决思路:最开始与同事商量准备将所有可编辑的部分改为静态,然后再数据后边添加一个修改的字眼,点击的时候动原创 2020-10-13 10:00:55 · 12645 阅读 · 4 评论 -
Vue动态添加的data属性,无法驱动视图改变
Vue-使用Vue.$set()给对象新增属性根据官方文档定义:如果在实例创建之后添加新的属性到实例上,它不会触发视图更新。在Vue初始化的时候会将所有data属性中的key,value进行添加getter和setter属性。而实例化后通过业务逻辑动态追加的则不会添加这两个属性。所以需要用到Vue.$set(obj,key,value)添加,即可绑定getter和setter属性。同时数据发生改变,视图也会响应改变...原创 2020-09-02 16:32:11 · 297 阅读 · 0 评论