Vue中 v-model双向绑定后数据不显示

309 阅读1分钟

由于JS的限制, Vue不能监测数组和对象的变化

<el-date-picker v-model='value.sj'/>
 
data() {
   value: {}
},
created() {
   this.$bus.$on('transTime', (data) => {
     //监听事件赋值
     this.slsj = data
   })
 },
mounted() {
    // 由于vue不能监听数组和对象的变化, 所以这么写是错误的, 双向绑定无法取到这个值
    `this.value.sj = this.slsj`
    // 以下写法是正确的, $set(对象, 键, 值)
    this.$set(this.value, 'sj', this.slsj)
}