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技巧(分割线,去空行,对齐,移动段落)
  • 热门搜索
    僵尸片大全 小孩动画片大全 豆腐汤的做法大全家常 快播电影大全 我爱你用日语怎么写 小诗歌大全 胸部痛怎么回事 炖菜怎么做 北京旅游景点大全 恐怖小说大全