vue实现全选组件封装实例详解

效果

 封装的组件

渠道列表 

//
 
export const channelList = {
    "anguo": "安果",
    "baidu": "百度",
    "huawei": "华为",
    "samsung": "三星",
    "oppo": "OPPO",
    "sanliuling": "360",
    "meizu": "魅族",
    "vivo": "VIVO",
    "wandoujia": "豌豆荚",
    "xiaomi": "小米",
    "yyb": "应用宝",
    "yyh": "应用汇",
};

父组件使用

item[channle] 是存入字符串的以|分割的数据

比如

baidu|anguo|yyb

这样

onCheckResult

onCheckResult(dbName, res) {
      this.item[dbName] = res;
    }

到此这篇关于vue 全选组件封装的文章就介绍到这了,更多相关vue 全选组件内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！