vue中下拉列表调用数据库显示

 时间:2024-10-14 08:56:38

1、首先列出下拉控件el-cascader,可以做成单列下拉列表,也可以做成,带有子项的下来列表

vue中下拉列表调用数据库显示

2、将空间定义属性是下拉列表v-model="selectedOptions",默认的显示信息placehol颊俄岿髭der="请选择",change-on-selectexpand-trigger="hover"等属性

vue中下拉列表调用数据库显示

3、通过options=specOption来给下来列表的赋值,在data() { return {中定义specOption[],数组

vue中下拉列表调用数据库显示

4、定义fillAllDictionary()方法,将方法放在created中,加载的时候就能够给下拉列表赋值

vue中下拉列表调用数据库显示

5、在fillAllDictionary中定义函数通过条件在字典表返回查询数据const data = response.dataconsol髫潋啜缅e.log("获取单位所在地域下拉框",data)if (data.issuccess) { let newdata=data.data

vue中下拉列表调用数据库显示

6、在返回的数据中再调用filterDicts方法解析数据赋值给specOption数组this.specOption=filterDicts(newdata,"speciality","-1") //所属学科

vue中下拉列表调用数据库显示
  • 采购管理流程图怎么制作
  • 怎样获取datalist里面控件的值
  • 在Excel表格中怎么样快速让数据左右居中对齐
  • word域:[1]隐藏不显示域的灰色背景底纹底色
  • Word技巧(分割线,去空行,对齐,移动段落)
  • 热门搜索
    不惑之年是什么意思 跑步鞋什么牌子好 peek是什么材料 lift是什么意思 37岁属什么 老人脚肿是什么原因 储备干部是什么意思 甘之如饴什么意思 露从今夜白的下一句是什么 文房四宝指什么