用于深结构数据
首先我们知道在vue中,数据的绑定都不用我们操心,例如在data中有一个msg的变量,你修改它,那么在页面上,msg的内容就会自动发生变化。但是如果对于一个复杂的对象,例如一个对象数组,你直接去给数组上某一个元素增加属性,或者直接把数组的length变成0,vue就无法知道发生了改变。
VUE项目中使用this.$forceUpdate();解决页面v-for中修改item属性值后页面v-if不改变的问题。添加this.$forceUpdate();进行强制渲染,效果实现。搜索资料得出结果:因为数据层次太多,render函数没有自动更新,需手动强制刷新。
————————————————
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
原文链接:https://blog.csdn.net/m0_50105168/article/details/125292796
<el-form-item label="返库类型" prop="backType">
<el-radio-group v-model="form.backType" @change="changeRadio(form)">
v-for="dictin backTypeOptions"
:key="dict.value"
:label="parseInt(dict.value)"
>{{dict.label}}
</el-form-item>
changeRadio(e){
this.$forceUpdate();
}