下拉列表可以顯示多樣搜刮前提 ， 良多查詢信息的時辰城市用到 ， 經由過程讀取數據庫中的數據來完當作下拉列表的顯示 ， 既連結了和數據庫中數據的同步 ， 也便利維護
需要這些哦
電腦
編纂器
方式/
1【vue中下拉列表調用數據庫顯示】起首列出下拉控件el-cascader ， 可以做當作單列下拉列表 ， 也可以做當作 ， 帶有子項的下來列表
2將空間界說屬性是下拉列表v-model="selectedOptions" ， 默認的顯示信息placeholder="請選擇" ， change-on-selectexpand-trigger="hover"等屬性
3經由過程options=specOption來給下來列表的賦值 ， 在data() { return {中界說 specOption[],數組
4界說fillAllDictionary()方式 ， 將方式放在created中 ， 加載的時辰就可以或許給下拉列表賦值
5在fillAllDictionary中界說函數經由過程前提在字典表返回查詢數據const data = https://vvvtt.com/article/response.dataconsole.log("獲取單元地點地區下拉框",data)if (data.issuccess) { let newdata=data.data
6在返回的數據中再挪用filterDicts方式解析數據賦值給specOption數組
this.specOption=filterDicts(newdata,"speciality","-1") //所屬學科
以上內容就是vue中下拉列表調用數據庫顯示的內容啦 ， 希望對你有所幫助哦！
猜你喜歡
- 我的世界家具模組中的信箱信封做法及用處
- 愚人節來歷 愚人節怎么來的
- 手機上方出現hd是什么意思
- 怎么查找手機定位
- 如何用手機號碼定位對方位置
- 保存的圖片為什么相冊中找不到
- 怎么批量導出EXCEL中的照片
- 46—PS之調色工具四
- 萬科中國平安 格力 海螺水泥 新城控股 誰的翻倍幾率大？該選誰？
- 50多億！王石出手了，萬科員工捐股票，給清華大學