现这样的情况的时候先是很懵逼,为什么别的页面用的好好的,但是现在又使用不了。
1.首先,检查一下data中的值是否存在,如果存在,一般数据都会在异步请求中去获取,打印出来看一看。因为级联选择器的值一般是数组,改变数组的值data可能不会被监听到,可以使用$set的方法进行赋值。
this.$set(this.info, "xjqh", {city: {name: '北京市', val:'001'}, country: {name: '朝阳区', val:'011'}})
2.如果还是不能赋值,可以考虑是不是页面还没有加载完全的时候,数据就赋值了,页面就会不更新。可以使用this.$nexttick的方法,在页面加载完全之后再进行赋值的操作。
this.$nextTick(() => {
this.$set(this.info, 'xjqh', val)
})
3.也是我再往上看到的,使用v-if对这个节点进行显示和隐藏,这样可以触发data数据的更新。
4.也是我自己踩的坑,就是和后端返回的数据进行一个比较,如果后端和前端返回的值不一样,是绑定不上去的。!!!!谨记不要再踩坑了。