nuxt.js中 :src解析 data里面的值会报错?

Question

<img :src="imgUrl" >

js中
export default {
data:{

imgUrl:require(this.placeImg)

}
props:[

placeImg:{default: '~assets/img/3339.png'}

]
}

这样用不了,看网上的意思是说require不能解析变量,有什么办法解决吗

Answer 1

<img :src="placeImg" >

export default {

props: {
    placeImg: require('~/assets/img/abc.png')
}

}