解决 el-select 设置默认值后无法切换选项

  • 给form表单里面的 el-select 下拉框设置一个默认值,但是当下拉框重新选择时,页面下拉框的值却不变,
  • 原因: select 已经绑定了值,重新选择的时候,render函数没有自动更新,数据刷新了但是视图没有刷新(value 改变了,但是label值没变)

解决方法

$forceUpdate() 强制更新

                <el-select v-model="obj.byAgentComp"
                           @change="dataUpdate"
                           value-key="compCode">
                  <el-option v-for="(item,index) in byAgentOptions"
                             :label="item.compName"
                             :value="item"
                             :key="index"></el-option>
                </el-select>


  methods: {
    dataUpdate() {
      this.$forceUpdate()
    },
  }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容