解決element ui select下拉框不回顯數(shù)據(jù)問題的解決
更新時(shí)間：2019年02月20日 11:51:28 作者：wangyuanjun008
這篇文章主要介紹了解決element ui select下拉框不回顯數(shù)據(jù)問題的解決，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
最近在做一個(gè)項(xiàng)目,項(xiàng)目的后端是地址: https://github.com/wangyuanjun008/wyj-springboot-security.git
前端地址是 https://github.com/wangyuanjun008/wyj-vue-security.git ,使用的前端語言是vue,使用webpack構(gòu)建vue-cli全家桶
在項(xiàng)目中用到 el-select 時(shí)遇到一個(gè)問題，就是在編輯表單時(shí)，下拉框的不顯示數(shù)據(jù)，前臺(tái)代碼如下:
<el-select v-model="commonForm.status" clearable placeholder="請選擇"> <el-option v-for="item in items" :key="item.id" :label="item.text" :value="item.id" ></el-option> </el-select>
在瀏覽器中查看列表返回的數(shù)據(jù):
在瀏覽器中查看下拉框數(shù)據(jù)源的數(shù)據(jù):
發(fā)現(xiàn)select下拉的id和v-model里邊的id類型不一致，修改后臺(tái)下拉框數(shù)據(jù)源返回類型，下拉框顯示數(shù)據(jù)成功。
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
Vue3?使用v-md-editor如何動(dòng)態(tài)上傳圖片的方法實(shí)現(xiàn)
本文主要介紹了Vue3?使用v-md-editor如何動(dòng)態(tài)上傳圖片，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-08-08
element-plus中如何實(shí)現(xiàn)按需導(dǎo)入與全局導(dǎo)入
本文主要介紹了element-plus中如何實(shí)現(xiàn)按需導(dǎo)入與全局導(dǎo)入，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-11-11
這篇文章主要介紹了Vue繪制雙Y軸折線柱狀圖實(shí)例，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-03-03
在組件化開發(fā)的過程中難免會(huì)遇見子組件和父組件之間的通訊那么這里講關(guān)于vue2和vue3不同的通訊方式，文中有詳細(xì)的代碼示例供大家參考，感興趣的同學(xué)可以閱讀下2023-05-05
VUE + OPENLAYERS實(shí)現(xiàn)實(shí)時(shí)定位功能
本系列文章介紹一個(gè)簡單的實(shí)時(shí)定位示例，基于VUE + OPENLAYERS實(shí)現(xiàn)實(shí)時(shí)定位功能，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友參考下吧2021-09-09
這篇文章主要介紹了vue的全局變量和全局?jǐn)r截請求器的示例代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-09-09
下面小編就為大家分享一篇vue.js項(xiàng)目打包上線的圖文教程，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2017-11-11
m3u8是一種基于HTTP Live Streaming（HLS）文件視頻格式,它主要是存放整個(gè)視頻的基本信息和分片(Segment)組成,下面這篇文章主要給大家介紹了關(guān)于vue3使用videojs播放m3u8格式視頻的相關(guān)資料,需要的朋友可以參考下2023-06-06
vue使用html2PDF實(shí)現(xiàn)將內(nèi)容導(dǎo)出為PDF
將 HTML 轉(zhuǎn)換為 PDF 進(jìn)行下載是一個(gè)比較常見的功能,這篇文章將通過html2PDF實(shí)現(xiàn)將頁面內(nèi)容導(dǎo)出為PDF,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-11-11
這篇文章主要為大家詳細(xì)介紹了vue3.0實(shí)現(xiàn)下拉菜單的封裝代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09