实现一个炫酷的随机标签排列效果（颜色随机，大小随机，成菱形排列的列表） (2)

（3）最后将list数据按照上一步获取的数据结构从新生成一个可供v-for使用的数据结构； computed:{
        tags(){
            this.list =  $NormalSort($RandomSplit(this.tagList.length,8));//获取数据结构
            let temp = this.tagList.sort(function(a,b){    //重新随机排序
                return Math.random()>.5 ? -1 : 1; 
            }).concat();
            return this.list.map((v,k) => {//根据list生成数据结构
                return temp.splice(0,v);
            })
        }

    },

html代码

<div v-for="(item,index) in tags" :key="index"  class="tag-body-tags-li">
                       <Tag v-for="(tag,index) in item" :key="tag.id" :tname="tag.name" ></Tag>
                   </div>