vue下拉选择框数据改变时页面渲染不生效解决方案。

用的是elm ui 的下拉选择框，在进行了2个v-for遍历后对应的下拉选择框，反显在有数据的情况下，修改对应的选择，页面的效果没变，但是数据是有赋值到对应的数据中，但是别的数据又可以生效，就这个反显的数据不生效。但是修改了其他的选择数据，之前没生效的数据。又会生效了。。。就离谱解决方案在每次修改的函数中去使用this.$forceUpdate() 去强制渲染assignmentFormDeta

深印我心

2778人浏览 · 2020-08-28 15:28:40

深印我心 · 2020-08-28 15:28:40 发布

用的是elm ui 的下拉选择框，在进行了2个v-for遍历后对应的下拉选择框，反显在有数据的情况下，修改对应的选择，页面的效果没变，但是数据是有赋值到对应的数据中，但是别的数据又可以生效，就这个反显的数据不生效。但是修改了其他的选择数据，之前没生效的数据。又会生效了。。。就离谱

解决方案

在每次修改的函数中去使用

this.$forceUpdate() 去强制渲染

   assignmentFormDetail(value, dataSetIndex, index){
                this.childDataSets[dataSetIndex].params[index]['formDetail'] = this.childFormOptionsMap[value]
                this.$forceUpdate()
            },

Vue

前往低代码交流专区

更多推荐

Vue里echarts根据页面大小动态调整/自适应

Vue

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^