HTML 代码:
<el-cascader
v-model="dept"
clearable
:options="deptPool"
:props="SetKesDept"
class="inp"
></el-cascader>
js代码:
<script>
export default {
data(){
return {
SetKesDept:{
value:'comDeptId',
label:'comDeptName',
children:'children'
},//自定义 级联选择器value label
deptPool: [],/* 部门池 */
dept: [], /* 选中的部门 */
}
},
methods: {
//获取部门信息
getDeptPool(){
let url = `${wdd}/organstru//selectOrganStru`;
this.$post(url,{}).then(retData => {
this.deptPool = retData.returnData;
})
},
},
created(){
this.getDeptPool();
}
}
注:
自定义 SetKesDept 对象,在对象中绑定value,label,children值
如: { value:'id', label:'name', children:'children' }