当我们使用vantage中的van-image组件的src参数默认的图片链接
<van-image
width="100"
height="100"
src="https://img.yzcdn.cn/vant/cat.jpeg"
/>
我们想要换成本地的图片时必须要这样做:
data () {
return {
list:[
{id:0,image:require('../../images/menu1.png'),title:'爱豆剧场'},
{id:1,image:require('../../images/menu2.png'),title:'综艺大全'},
{id:2,image:require('../../images/menu3.png'),title:'时装周'},
{id:3,image:require('../../images/menu4.png'),title:'流量小生'},
{id:4,image:require('../../images/menu5.png'),title:'CP榜'},
{id:5,image:require('../../images/menu6.png'),title:'明星榜'},
{id:6,image:require('../../images/menu7.png'),title:'时尚大片'},
{id:7,image:require('../../images/menu8.png'),title:'影视大全'},
{id:8,image:require('../../images/menu9.png'),title:'pick'},
]
}
},
<van-grid clickable :column-num="3">
<van-grid-item v-for="(item,index) in list" :key="index" to="/">
<img :src="item.image" />
<span>{{item.title}}</span>
</van-grid-item>
</van-grid>