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

最新推荐文章于 2024-05-14 22:52:31 发布

帅气的小伙

最新推荐文章于 2024-05-14 22:52:31 发布

阅读量668

点赞数 7

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/goodboxs/article/details/135319066

版权

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

 @change="$forceUpdate()"  添加这个即可

完整的代码

<template>
    <el-form-item label="数据类型">
        <el-select v-model="queryParams.searchDataType" placeholder="请选择数据类型" clearable @change="$forceUpdate()">
          <el-option
            v-for="dict in dataTypeList"
            :key="dict.value"
            :label="dict.label"
            :value="dict.value"
          />
        </el-select>
      </el-form-item>
</template>


<script>
export default { 
  data() {
    return {
      // 查询参数
      queryParams: {}, 
      dataTypeList: [
        {label:'实际数据',value:"1"},
        {label:'客户数据',value:"2"}
      ],
    };
  },
  created() {
    this.queryParams.searchDataType='1' 
  },
  methods: {}
}
</script>