寺庙做网站,建程网土石方工程,网站设计内容清单,江苏建设工程建设网场景#xff1a;vue是双向数据绑定的#xff0c;那么在修改data数据时候#xff0c;页面也应该是变化的#xff0c;但是偶尔会遇到 1.vue修改数据页面不更新#xff0c;既data数据变化了#xff0c;但是页面渲染没变化。 2.或者vue监听不到数据变化#xff1b; 3.vue打印… 场景vue是双向数据绑定的那么在修改data数据时候页面也应该是变化的但是偶尔会遇到 1.vue修改数据页面不更新既data数据变化了但是页面渲染没变化。 2.或者vue监听不到数据变化 3.vue打印有值页面无数据到 情景一、修改的data数据原先没声明使用this.$set data () {return {obj:{a:1}}}this.obj.b 2 // 原先就没有b这个属性 即使赋值 页面也不会渲染只有使用this.$set(目标对象属性值) 数据才是动态双向绑定的
this.$set(this.obj , b, 2) 情景二、使用this.$nextTick这种情况针对明明console.log打印有值。页面却没有值看vue查看的data数据也确实没有值。此时使用下方包裹 this.$nextTick(() {this.obj.a a})情景三、使用 this.$forceUpdate()迫使Vue 实例重新渲染 情景四、如果都无效那么将上方的糅合嵌套使用 this.$nextTick(() {this.obj.a athis.obj.timeDate new Date() // 最好给原数据里就先声明个 timeDate 然后改值触发obj监听this.$forceUpdate()})
