vue使用v-for渲染多个静态图片

  <view class="left">
                <view class="item-wrap"
                      v-for="item in tapItem"
                      :key='item.id'>
                    <image mode='widthFix'
                           class="icon"
                           :src="item.icon" />
                    <text class="txt">{{item.text}}</text>
                </view>
            </view>

data() {
    return {
        // 点击项
        tapItem: [
            {
                id: 0,
                icon: require("@/static/images/goods/goodsDetail/home.png"),
                text: "首页"
            },
            {
                id: 1,
                icon: require("@/static/images/goods/goodsDetail/service.png"),
                text: "客服"
            },
            {
                id: 2,
                icon: require("@/static/images/goods/goodsDetail/share.png"),
                text: "分享"
            }
        ]
    };
},