vue 中 img URL动态绑定
HTML部分在这里插入代码片<div class="boxitem" v-for="(item, key) in datas" :key="key"><img class="kuang" :src="item.imgurl" alt=""></div>JS中export default {data () {return {datas:[{//如果Eslint报错
·
HTML部分在这里插入代码片
<div class="boxitem" v-for="(item, key) in datas" :key="key">
<img class="kuang" :src="item.imgurl" alt="">
</div>
JS中
export default {
data () {
return {
datas:[
{
//如果Eslint报错的话,就填上这一行
// eslint-disable-next-line global-require
imgurl: require('@/assets/homeicon3.png'),
},
{
// eslint-disable-next-line global-require
imgurl: require('@/assets/homeicon4.png'),
},
{
// eslint-disable-next-line global-require
imgurl: require('@/assets/homeicon5.png'),
},
]
}
},
}
在严格模式下,如果报错的话
点击快速修复
点击Disable global-require for this line
更多推荐
已为社区贡献8条内容
所有评论(0)