本文实例为大家分享了Vue实现多标签选择器展示的具体代码,供大家参考,具体内容如下
实现效果
实现代码
<html lang="en"> <head> <title>Document</title> <!-- 引入本地组件库 --> <link rel="stylesheet" href="static/element-ui/index.css" > <script src="/UploadFiles/2021-04-02/vue.js">标签筛选的数据格式
data.js
var categories = [{ name: '品牌', count: 0, children: [{ name: '联想', }, { name: '小米', }, { name: '苹果', }, { name: '东芝', }] }, { name: 'CPU', count: 0, children: [{ name: 'intel i7 8700K', }, { name: 'intel i7 7700K', }, { name: 'intel i9 9270K', }, { name: 'intel i7 8700', }, { name: 'AMD 1600X', }] }, { name: '内存', count: 0, children: [{ name: '七彩虹8G', }, { name: '七彩虹16G', }, { name: '金士顿8G', }, { name: '金士顿16G', }] }, { name: '显卡', count: 0, children: [{ name: 'NVIDIA 1060 8G', }, { name: 'NVIDIA 1080Ti 16G', }, { name: 'NVIDIA 1080 8G', }, { name: 'NVIDIA 1060Ti 16G', }] }]以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
最新资源
- 明达年度发烧碟MasterSuperiorAudiophile2019[D
- 明达年度发烧碟MasterSuperiorAudiophile2020[D
- 【发烧唱片】Naim《示范碟(第二辑)》1999[WAV+C
- 《优米雅的炼金工房》“妮娜”战斗实机:大雷黑丝
- 许冠杰.2003-四合一珍藏集4CD【宝丽金】【WAV+C
- 李宇春.2014-1987我不知会遇见你【天娱传媒】【
- 梁汉文.1995-抱着你感觉很好【华星】【WAV+CUE】
- 《情歌回首 HIFI国语老歌 2CD》[WAV/分轨][1.2G
- 《降央卓玛 草原绝色醇美的歌声 金色的卓玛》[W
- 《赵雷 30首经典城市民谣 2CD》[WAV/分轨][1.3G