vue(数据改变,DOM不渲染问题)

1、组件内部,属性值地址空间内引用地址改变,DOM不能渲染。

     问题举例:this.items = [[],[],[],[]]


1、在items 中,修改任意一项数组中的值,DOM是不会更新的,
2、解决方案: this.items = [...this.items]。通过解构赋值,重新给items赋值。

2、组件之间传值,父组件传data改变,子组件未更新。

1、子组件中在mounted中对父组件传的值,进行了判断等相关处理,通过改变子组件自身定义的状态实现效果。
    
   此时,父组件值更新,子组件不重新渲染,是因为,父组件值改变子组件不会走mounted的生命周期。

   处理方案:
    使用watch监听父组件传的值,当值改变的时候,进行对应操作。
2、推荐使用:
    子组件中直接使用父组件传的值,如需类型转换或者简单判断,直接通过三目运算符判断使用,就省去了对            父组件传值的监听步骤。

猜你喜欢

转载自blog.csdn.net/Dong8508/article/details/80734528