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

下拉列表可以显示多样搜索条件，很多查询信息的时候都会用到，通过读取数据库中的数据来完成下拉列表的显示，既保持了和数据库中数据的同步，也方便维护

工具/原料

电脑

编辑器

方法/步骤

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

将空间定义属性是下拉列表v-model='selectedOptions'，默认的显示信息placeholder='请选择'，change-on-selectexpand-trigger='hover'等属性

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

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

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

欧尼酱