element下拉框选择值不更新问题

在使用vue+element ui 的时候遇到下拉框选择值发生变化了，但是页面值却没有更新
代码

  <el-select v-model="ruleForm.oprID" @change="updataOprID">
            <el-option v-for="item in collector" :key="item" :label="item" :value="item"></el-option>
  </el-select>

页面如图

出现这个问题是这边循环的collector数组是动态获取的，改变页面其他选项都会修改collector的值，render函数没有自动更新，所以在选择的时候需要强制更新
解决方法：添加change方法

 updataOprID(){
      this.$forceUpdate()
    },

解决方案参考https://blog.csdn.net/weixin_43216105/article/details/86699772

如果对你有帮助记得点个赞(●ˇ∀ˇ●)