vue element-ui select 远程搜索选择器的label值显示成value值的问题

最新推荐文章于 2024-08-03 08:44:23 发布

夜神兔

最新推荐文章于 2024-08-03 08:44:23 发布

阅读量3.6k

点赞数 1

分类专栏： java web开发 element vue.js 文章标签： vue.js 前端 element 版本问题

本文链接：https://blog.csdn.net/qq_41328797/article/details/100107147

版权

在使用Element UI的远程搜索多选选择器时，遇到一个bug：当选择第二个选项时，第一个选项的label值被替换成了value值。经排查，该问题与Element版本有关，将2.11.0版本降级到2.0.11即可解决此问题。

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

今天碰到一个很奇怪的bug，用element的远程搜索多选选择器时，选完了前面的，能够显示label绑定的值，选择器绑定的值也记录下了value的值，但是在模糊查询并且选择第二个选择的时候，第一个显示的label值会变成显示value值

下面是HTML代码

<script src="//unpkg.com/vue/dist/vue.js"></script>
<script src="//unpkg.com/element-ui@2.11.0/lib/index.js"></script>
<div id="app">
<template>
  <el-select
    v-model="value"
    multiple
    filterable
    remote
    reserve-keyword
    placeholder="请输入关键词"
    :remote-method="remoteMethod"
    :loading="loading">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
  </el-select>
</template>
</div>

下面是JavaScript代码