欢迎光临散文网 会员登陆 & 注册

el-select添加filterable出现的BUG

2022-05-02 17:12 作者:lanksi  | 我要投稿

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时,大家可以看看他会变成什么

image-20220502170519176

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



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


el-select添加filterable出现的BUG的评论 (共 条)

分享到微博请遵守国家法律