vue tap切 下的图片布局

1.tap切 内容图片切换 下九宫格图片布局显示

<script>
    let arr = [
        {id:'1',name:'色地方萨达',age:18},
        {id:'2',name:'阿双萨达',age:18},
        {id:'3',name:'发的G方萨达',age:18},
        {id:'4',name:'色地达',age:18},
        {id:'5',name:'偶记',age:11},
        {id:'6',name:'还不太敢萨达',age:20}
    ]
    let arr2 = [
        {id:'2',name:'四人帮',age:19},
        {id:'4',name:'贫困的份',age:18},

    ]
    let newArray =[]
      newArray = arr.filter(item => {
         return  arr2.find(i=>i.id === item.id) === undefined
    })
    console.log(newArray)

    let array = [
        {
            type: 1,
            name: '元素',
            iconSelect: 'https//sdhfvuhsmk/sfsdfsdf/sdgtrh',
            elements: [],
        },
        {
            type: 2,
            name: '文字',
            iconSelect: 'https//kmcxcfwa/sfsdfsdf/sdgtrh',
            elements: [],
        },
        {
            type: 3,
            name: '边框',
            iconSelect: 'https//okjkosbfdk/sfsdfsdf/sdgtrh',
            elements: [],
        },
    ]
    array.forEach(item=>{
        console.log(item,'410')
        let val = 12
        let prefix = 'element_'
        if (item.type === 2) {
            val = 12
            prefix = 'font_'
        } else if (item.type === 3) {
            val = 9
            prefix = 'border_'
        }
        for (let i = 1; i <= val; i++) {
            item.elements.push({
                id: i,
                img: `img_${prefix}${i}`,
                text: item.name,
            })
        }
    })
</script>
```

$$
\TeX
$$