今天寫前端又遇到個(gè)很神奇的事情,element的下拉框el-select出現(xiàn)了一點(diǎn)兒問題,回顯的時(shí)候顯示value的值,這個(gè)強(qiáng)迫癥看來就很難受
?我寫的代碼是這樣的
<el-select v-model="changeForm.type" placeholder="請(qǐng)選擇類型" >
<el-option label="目錄" value=0></el-option>
<el-option label="菜單" value=1></el-option>
<el-option label="按鈕" value=2></el-option>
</el-select>
查閱大量資料,突然發(fā)現(xiàn)一個(gè)簡單的方法,那就是vue的v-bind的神奇之處,v-bind的簡寫是:冒號(hào)
所以解決方法就來了(敲重點(diǎn))? 在value上綁定v-bind
改完之后的代碼是這樣的,再來看element的下拉框el-select就顯示lable的值了,
<el-select v-model="changeForm.type" placeholder="請(qǐng)選擇類型" >
<el-option label="目錄" :value=0></el-option>
<el-option label="菜單" :value=1></el-option>
<el-option label="按鈕" :value=2></el-option>
</el-select>
文章來源:http://www.zghlxwxcb.cn/news/detail-730466.html
?今天又解決了一個(gè)問題,開心值加1 。文章來源地址http://www.zghlxwxcb.cn/news/detail-730466.html
到了這里,關(guān)于el-select值的回顯問題:如何使element-ui的下拉框顯示label值的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!