el-select下拉框查询，clearable叉掉后数据数据消失，下拉框数据为空的问题（已解决）

evennight

已于 2023-08-01 14:49:45 修改

阅读量1.9k

点赞数

文章标签： vue.js elementui 前端

于 2023-08-01 14:47:42 首次发布

本文链接：https://blog.csdn.net/evennight/article/details/132041936

版权

文章讨论了在Vue中使用el-select组件时，当clearable属性启用且v-model绑定到listData的第一个元素时，由于数据的同地址引用，清空select会导致listData数据也被清除的问题。解决方法是将数据浅拷贝至新对象，避免引用影响。

摘要由CSDN通过智能技术生成

  <el-select
          v-model="data.name"
          placeholder=""
          class="search"
          filterable
          clearable
        >
          <el-option
            v-for="option in listData"
            :key="option.name"
            :label="option.name"
            :value="option.name"
          />
                  </el-select>