vue 全选组件封装

效果

 封装的组件





渠道列表 
vue 全选组件封装_第1张图片

 

//


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.js,前端,javascript)