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

「爱情、让人受尽委屈。」 2021-10-01 05:26 698阅读 0赞

## 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**' \}

发表评论取消回复

表情：

评论列表（有 0 条评论，698人围观）

还没有评论，来说两句吧...

相关阅读