一般vs做的网站的总体框架,免费咨询服务,中国空间站什么时候建成,推广普通话奋进新征程演讲稿一、问题描述 vue的二级联动可以采用v-if的方式去实现#xff0c;也就是在第一级选项的值发生变化后#xff0c;清空第二级选项所关联的model的值#xff0c;并将第二级选项所取的变量数组变更。会产生的问题是#xff0c;第二级选项的值有时候会出现值已改变但是页面上并不…一、问题描述 vue的二级联动可以采用v-if的方式去实现也就是在第一级选项的值发生变化后清空第二级选项所关联的model的值并将第二级选项所取的变量数组变更。会产生的问题是第二级选项的值有时候会出现值已改变但是页面上并不显示改变值的情况。 二、跟踪问题 产生问题的原因为vue是基于数据驱动的这么做有可能会导致数据刷新不及时。如果要测试去跟踪问题的原因可以在第二级的el-select中写上change方法可以看到当改变选项值后该el-select的value是发生变化了但是在页面中无法显示。 三、解决方式 给第二级el-select的change关联方法中加入一行代码以下为伪代码 el-select v-modelstatus clearable changeupdateFun /el-select updateFun() { this.$forceUpdate(); } 这样在每次更改第二级选项的值后调用方法执行“this.$forceUpdate();”即可
