在vue中 列表渲染算是最常用的功能之一，但是在列表渲染中有个一比较明显的问题： 在列表渲染中，经常发生数据变化，但是视图层并未改变的状况，根据官方： 由于 JavaScript 的限制，Vue 不能检测以下变动的数组： 当你利用索引直接设置一个项时，例如：vm.items ...

...

写点赞功能时，点赞后已经追加到对象里了，但是视图没有更新。 查找了些资料： 数据已经更新了但是视图不更新的问题，有几个原因： 1、根属性不存在，而想要直接给根属性赋值导致的视图不更新。此时初始化属性的时候给根属性初始化一个空值就可以了。 2、只有通过以下 ...

动态添加对象属性 ...

由于 JavaScript 的限制， Vue 不能检测以下变动的数组： 当你利用索引直接设置一个项时，例如： vm.items[indexOfItem] = newValue 当你修改数组的长度时，例如： vm.items.length = newLength 为了解决第一类问题 ...

页面中多组件开发时，如果页面中有表格的，table表格头出现表头错乱 ...

因为在项目中两个表格共用了同一个组件， 但由于表头不完全相同， 就通过v-if来控制表头的显示隐藏，没想到造成了表头顺序的错乱， 经过多方查找资料，最后找到了解决方法： 即为每一列el-table-column添加key属性，可以使用随机数： :key="Math.random()" ...

想实现的效果 请求接口获取待办数目和链接，当数目>0时，点击数目跳转链接。 出现的问题 页面上待办数目为0，但是打印弹窗发现待办数目为1，点击页面上显示的0仍可以跳转链接 原因 在请求待办时，我还请求了列表。但是列表返回的数据是null，页面上又判断了列表的长度。造成了浏览器报错 ...