在工作中遇到一个问题:在一个下拉列表切换查询条件时(例如:一个下拉列表里有学生和教师两个选项),后面的下拉列表查出学生姓名列表或教师姓名列表
思考:切换查询条件时去后台请求数据,然后以下拉框的格式返回给option
代码:以学生为例
changeQueryType(option) {
// 查询类型为学生
if (option.data.queryType === '学生') {
let list = [];
// selectStudents()为后台接口
selectStudents().then((res) => {
for (let i = 0; i < res.length; i++) {
let obj = {};
obj.label = res[i].studentName;
obj.value = res[i].studentNo;
list.push(obj);
}
// 学生列表所在的items在第几个就填几,这里是1
this.gridOptions.formConfig.items[1].itemRender.options = list;
});
}
}
下拉列表:
data() {
return {
gridOptions: {
formConfig: {