筛选数组实现tab分类

1、后台数据格式：

data:[{type:1,name:"好看"},
      {type:0,name:"报看"},
      {type:3,name:"养眼"},
      {type:2,name:"辣眼"}]

2.u-tab分类插件，循环data里面的name重新组成list1数组
内容用v-show来进行点击动态切换

<u-tabs :list="list1" @click="click" :current="ind"></u-tabs>
<view class="card" v-for="(item,index ) in data" :key="index" v-show="sort==item.name|| sort=='全部'">
			<view style="font-size: 16px;">类型:{{item.name}}</view>
		</view>

3.data里面声明的数据

data() {
	return {
         list1: [{
				name: '全部'
				}],
				ind: "0",
				sort: "全部"
			}

4.方法里面进行循环遍历data数组往list1里面添加，
需判断list1数组里面是否已经存在，不存在在继续添加

                   let i = 1;
					this.data.forEach((val) => {
						let k = true;
						this.list1.forEach((v, index) => {
							if (v.name == val.name ) {
								k = false;
							}
						})
						if (k) {
							this.list1.push({
								name: val.name 
							});
							i++;
						}

5.点击会获取tab里面的name

			click(item) {
				this.sort = item.name
			},

6.结果