基于el-select简单封装一个组件

主要的功能有:

                 1.全选

                 2.传入禁用的ID,把对应是数据禁用

子组件




父组件

           

            
            // 要禁用的属性
            disabledIds: [1],
            // 自定义labelKey
            labelKey(item) {
                return `${item.label}[(${item.value})]`;
            },
            // 数据源 
            PayTypeEnum: [
                { label: '1转账', value: 1 },
                { label: '2支票', value: 2 },
                { label: '3转账', value: 3 },
                { label: '4支票', value: 4 },
                { label: '5转账', value: 5 },
                { label: '6支票', value: 6 },
                { label: '7转账', value: 7 },
                { label: '8支票', value: 8 },
                { label: '9转账', value: 9 },
                { label: '10支票', value: 10 },
                { label: '11转账', value: 11 },
            ]

你可能感兴趣的:(javascript,前端,vue.js)