在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ el-select如何不顯示value值

el-select如何不顯示value值

如果選中了id=1, 然后selectList中刪除了id=1的這項(xiàng), 這個(gè)時(shí)候, el-select中顯示的value值

clipboard.png

如何讓沒有匹配的value值時(shí), 不要去顯示value值?

<el-select v-model="id" filterable :clearable='true'>
  <el-option 
    v-for="item in selectList" 
    :label="item.name"
    :value="item.id" 
    :key="item.id">
    </el-option>
</el-select>
            
            
data: {
    selectList: [
        {
            name: 'name1',
            id: 1
        },
        {
            name: 'name2',
            id: 2
        }
    ]
}

實(shí)際selectList是后臺(tái)給的字典數(shù)據(jù), 在選中this.id = 1 時(shí) , select中本來應(yīng)該顯示應(yīng)該是name1的, 但是后臺(tái)刪除了{(lán)name: 'name1', id: 1} 這個(gè)項(xiàng), 于是select沒有匹配的, select中顯示的是value值1, 而不是name , 而我想要的是如果匹配不到, 就顯示為空!

回答
編輯回答
瘋子范

當(dāng)你刪除selectList的時(shí)候手動(dòng)的設(shè)置

if (刪除的正好是選中的) {
  this.id = ''
}

我順便查了下element-ui源代碼,基本上沒有什么辦法了。

clipboard.png

2018年8月20日 09:05