vue注意点

2017-12-01  本文已影响98人  stutterr

写在前面

本文主要记录一些在vue开发过程中的一些坑和注意点

1. vuejs 2.0 二维数组绑定无法绑定

当将二维数组绑定到元素后通过array[x][y] = 5的方式来改变值,元素绑定的数据不随着而改变。

原因 以及解决办法

  1. 建议转换为对象嵌套数组的,因为vue是利用Object.definedPrototy来监听数据变化的,但是数组没有key值并不适用于这个方法
  2. vue无法检测二维数组,可以采用整体重新赋值的思路
let oldArr = this.yourArr;
let newArr = oldArr.slice(0); //克隆数组
newArr[0] = newValue; //改变
this.yourArr = newArr; //整体重新赋值
上一篇 下一篇

猜你喜欢

热点阅读