今天做项目时候发现个很坑的问题:
在img标签里动态绑定路径:<img v-bind:src="imgSrc" />
data里这样写是错误的:imgSrc:'xx/xx.png'
这样渲染的路径会有问题,导致出不来图片
解决思路:使用require导入:
data(){
return(){
imgSrc:require("../assets/xxx.png")
}
}
在img标签里动态绑定路径:<img v-bind:src="imgSrc" />
data里这样写是错误的:imgSrc:'xx/xx.png'
这样渲染的路径会有问题,导致出不来图片
data(){
return(){
imgSrc:require("../assets/xxx.png")
}
}