element 級聯選擇器使用


                    <el-cascader
                        v-model="organSelecList"
                        :change-on-select="true"
                        :options="companyBenlist"
                        placeholder="請選擇組織級別"
                        :props="{ value: 'id', label: 'name',checkStrictly: true}"
                        @change="handlechange"
                        size="mini"
                        clearable>
                    </el-cascader>
organSelecList獲取的是一個數組集合
clearable可清空
companyBenlist是要遍歷的數組對象,如果是后台返回的最后一級有children空對象,可以通過回調函數去除空白
getTreeData(data) {
            for(var i = 0; i < data.length; i++) {
                if(data[i].children.length < 1) {
                    data[i].children = undefined;
                } else {
                    this.getTreeData(data[i].children);
                }
            }
            return data;
        },

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM