el-select被选值无法修改，强制更新

新增时的数据change的值有改变，但是视图显示的被选是原来的出现这个问题是因为绑定了对象（需求显示比较复杂），因为数据层次太多，render函数没有自动更新，需手动强制刷新。this.$forceUpdate就是重新render。vue强制更新$forceUpdate()handleChooseTool(e) {this.$forceUpdate()...

Dear_Yuki

4765人浏览 · 2020-04-14 14:53:09

Dear_Yuki · 2020-04-14 14:53:09 发布

新增时的数据

change的值有改变，但是视图显示的被选是原来的

出现这个问题是因为绑定了对象（需求显示比较复杂），因为数据层次太多，render函数没有自动更新，需手动强制刷新。 this.$forceUpdate就是重新render。

vue强制更新$forceUpdate()

handleChooseTool(e) {
      this.$forceUpdate()
      this.temp.transportMachine = e.id
    },

调用强制更新方法this.$forceUpdate()会更新视图和数据，触发updated生命周期

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}$/, //不连续的两位字母// /^