vue动态构造下拉

在点击菜单的进入后台初始化方法

@RequestMapping("/init")
public String init(@ModelAttribute("responseData") DataCenter dc, String ep) {
System.out.println("ep:"+ep);
AjaxDataWrap<SysAppInfoConf> dataWrap = new AjaxDataWrap<SysAppInfoConf>();
dataWrap.getPageInfo().setRowOfPage(12);
this.retrieve(dataWrap);
dc.setAjaxDataWrap("dataWrap", dataWrap);
drop d =new drop();
drop d1 =new drop();
drop d2 =new drop();
drop[] intArr =new drop[3];
d.setLabel(null);
d.setValue(null);
d1.setLabel("正常");
d1.setValue("0");
d2.setLabel("禁止");
d2.setValue("1");
intArr[0]=d;
intArr[1]=d1;
intArr[2]=d2;
dc.setParameter("intArr", intArr);
return "getapp/getappmanager.html";
}

进入钩子函数获取

mounted: function() {
myform.setRecord(new HyRecord());
myTable.setData(response.getAjaxDataWrap("dataWrap"));
debugger;
var item = response.getParameter("intArr");
this.item=item;
console.log(item[0]);

}

这里是定义的data块

data: {
options: [
{
value:'',
label:''
},
{
value: '0',
label: '正常'
}, {
value: '1',
label: '禁止'
}

],
item:[],
appname: '',
status:''

},

最后一步下拉绑定

hy-formselect label="状态" name="status" v-model="status"  width="160"  :items="item">

原文地址:https://www.cnblogs.com/zhangzhiqin/p/9596751.html