el-select添加filterable出现的BUG
el-select
添加filterable
属性即可启用搜索功能。默认情况下,Select 会找出所有label
属性包含输入值的选项。如果希望使用其他的搜索逻辑,可以通过传入一个filter-method
来实现。filter-method
为一个Function
,它会在输入值发生变化时调用,参数为当前输入值。
注意其中在某些浏览器中有一个BUG!!!!!
<el-select id="name" v-model="valueMeta" filterable class="elSelectWidth" style="width: 60%" size="mini" :multiple-limit="1" placeholder="请输入标签">
<el-option
v-for="item in optionsMetaAll"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
当我把其中的id变为name时,大家可以看看他会变成什么

Edge浏览器直接读取了我的id="name"的信息然后显示在上面,非常让人无语但是在Chrome中,没有这样的情况出现

我也不知道是不是浏览器的问题,记住id最好不要等于name。当我把这个id变为其他名字的时候这个bug就自然的消失了
