VUE Element-ui 级联选择器,自定义value label属性

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' }

猜你喜欢

转载自blog.csdn.net/qq_42715494/article/details/99681047
今日推荐