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

  <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>

源代码如上，再clearable后数据就会删除掉刚刚显示的也就是v-model绑定的数据，原因是在我初始化的时候给data 赋值了listData[0]，而且是直接用等号赋值，也就意味着，el-select将v-model的数据清空后也会，将同地址引用的liatData[0]的数据清空自然就不会查到数据，改为data={…listData[0]}只赋值数据就好了