17-vue-router/Tab-Bar-关于coderwhy老师为什么不用v-for处理tab-bar的疑惑

[Inkwall233]

导航的四个tab-item，不同只是文字，图片路径，所以我就试了下v-for

`

</tab-bar>`

//数据部分 data(){ return { tabItem: [ { name: '首页', imgSrc: './assets/img/home.svg', imgActiveSrc: './assets/img/home-active.svg' }, { name: '分类', imgSrc: './assets/img/cate.svg', imgActiveSrc: './assets/img/cate-active.svg' }, { name: '购物车', imgSrc: './assets/img/cart.svg', imgActiveSrc: './assets/img/cart-active.svg' }, { name: '我的', imgSrc: './assets/img/admine.svg', imgActiveSrc: './assets/img/admine-active.svg' }, ] } } 但是很遗憾的是v-for把图片路径渲染到img的src上面之后，页面好像不对svg图片进行渲染了，也不显示图片了 coderwhy老师果然很厉害我在第一层，老师已经在第五层了。 希望有大佬试一下用v-for做一下，解答一下我的疑惑

[standjojo]

用v-for的时候对于图片路径要直接先引入图片对象,字符串路径是没用的 import img from 图片路径 :src="img"