级联选择器绑定数据
<el-cascader
v-model="form.deptId"
:options="options"
:props="optionss"
:show-all-levels="false"
@change="setSelectedNode">
</el-cascader>
data(){
return{
options: [],
optionss:{
label:"name",
value:"id",
children:"children",
}
}
}
单选只取最后一级
setSelectedNode(val){
this.form.deptId = val[val.length - 1];
},
方法调用及参数接受
getTree(data){
for (let i = 0; i < data.length; i++) {
if(data[i].children.length<1){
data[i].children = undefined;
}else {
this.getTree(data[i].children);
}
}
},
tree(){
this.axios.get("http://localhost:8061/user/tree").then(res=>{
if(res.data.code===1){
this.getTree(res.data.data);
this.options = res.data.data;
}
})
},