vue中全选组件封装的示例分析

这篇文章将为大家详细讲解有关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中全选组件封装的示例分析"这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。