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技巧(分割线,去空行,对齐,移动段落)
  • 热门搜索
    纳智捷怎么样 驾龄几年可以上高速 尿频尿急尿痛怎么办 a照怎么考 电脑怎么不休眠 临时身份证多久可以拿到 云南景区 洞头旅游攻略 平安保险工作怎么样 爱尔兰旅游