微客导航 » 文章资讯 » Vue实现多标签选择器

Vue实现多标签选择器

2023-08-05 06:28:05 210

本文实例为大家分享了Vue实现多标签选择器展示的具体代码，供大家参考，具体内容如下

实现效果

实现代码




Document




















{{category.name}}：






{{child.name}}

{{child.name}}

清空已选：

标签筛选的数据格式

data.js

varcategories=[{
name:'品牌',
count:0,
children:[{
name:'联想',
},{
name:'小米',

},{
name:'苹果',

},{
name:'东芝',

}]
},{
name:'CPU',
count:0,
children:[{
name:'inteli78700K',

},{
name:'inteli77700K',

},{
name:'inteli99270K',

},{
name:'inteli78700',

},{
name:'AMD1600X',


}]
},{
name:'内存',
count:0,
children:[{
name:'七彩虹8G',

},{
name:'七彩虹16G',

},{
name:'金士顿8G',

},{
name:'金士顿16G',

}]
},{
name:'显卡',
count:0,
children:[{
name:'NVIDIA10608G',

},{
name:'NVIDIA1080Ti16G',

},{
name:'NVIDIA10808G',

},{
name:'NVIDIA1060Ti16G',

}]
}]

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
3162201930
czq8825@qq.com

Vue实现多标签选择器

热门推荐

随机推荐