Vue Eelement-UI 组件二次封装(三):Cascader 级联选择器

级联选择器有多种应用:






全局调用样例:


其中参数如下:

        data(){
            return {
                assetTypeId: null,
                assetTypeList: [],
            }
        },
        methods:{
            changeAssetTypeList(val){
                this.assetTypeId = val;
            }
        }

其中list数据格式如下
Vue Eelement-UI 组件二次封装(三):Cascader 级联选择器_第1张图片
此封装可实现级联的单选复选等多种功能,可基本满足所有需求,另外可根据自己的需求再添加新的props属性。

ps:该组件已解决选中节点后弹窗不关闭的问题。

你可能感兴趣的:(#,Vue,vue,html,vue.js)