el-select添加filterable出現(xiàn)的BUG
el-select添加filterable屬性即可啟用搜索功能。默認(rèn)情況下，Select 會(huì)找出所有label屬性包含輸入值的選項(xiàng)。如果希望使用其他的搜索邏輯，可以通過傳入一個(gè)filter-method來實(shí)現(xiàn)。filter-method為一個(gè)Function，它會(huì)在輸入值發(fā)生變化時(shí)調(diào)用，參數(shù)為當(dāng)前輸入值。
注意其中在某些瀏覽器中有一個(gè)BUG?。。。。?/h1>
<el-select id="name" v-model="valueMeta" filterable class="elSelectWidth" style="width: 60%" size="mini" :multiple-limit="1" placeholder="請(qǐng)輸入標(biāo)簽">
? ? ? ? ? ? ? ? ? ?<el-option
? ? ? ? ? ? ? ? ? ? ?v-for="item in optionsMetaAll"
? ? ? ? ? ? ? ? ? ? ?:key="item.value"
? ? ? ? ? ? ? ? ? ? ?:label="item.label"
? ? ? ? ? ? ? ? ? ? ?:value="item.value"
? ? ? ? ? ? ? ? ? ?/>
? ? ? ? ? ? ? ? ?</el-select>
當(dāng)我把其中的id變?yōu)閚ame時(shí)，大家可以看看他會(huì)變成什么
Edge瀏覽器直接讀取了我的id="name"的信息然后顯示在上面，非常讓人無(wú)語(yǔ)但是在Chrome中，沒有這樣的情況出現(xiàn)
我也不知道是不是瀏覽器的問題，記住id最好不要等于name。當(dāng)我把這個(gè)id變?yōu)槠渌值臅r(shí)候這個(gè)bug就自然的消失了
