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技巧(分割线,去空行,对齐,移动段落)
  • 热门搜索
    人参怎么保存 有黑眼圈怎么办 怎么把qq空间关闭 男人怎么 万和燃气热水器怎么样 猪皮冻怎么做 推特怎么玩 发箍怎么戴好看 牛奶怎么加热 爱出汗是怎么回事