vue中下拉列表調用數據庫顯示

下拉列表可以顯示多樣搜刮前提，良多查詢信息的時辰城市用到，經由過程讀取數據庫中的數據來完當作下拉列表的顯示，既連結了和數據庫中數據的同步，也便利維護

東西/原料

1
起首列出下拉控件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 = response.dataconsole.log("獲取單元地點地區下拉框",data)if (data.issuccess) { let newdata=data.data
6
在返回的數據中再挪用filterDicts方式解析數據賦值給specOption數組
this.specOption=filterDicts(newdata,"speciality","-1") //所屬學科