解决el-radio-group 回显后不能编辑问题

用于深结构数据

首先我们知道在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();

}