使用el-image引入相对路径的图片报错

Posted 2020-12-18 my466879168

在vue中使用elementui中的组件el-image引入相对路径图片报错的解决办法

原因：assets目录下的资源文件引入错误是因为在使用webpack打包的时候路径发生了变化，并且文件名也会改变
只有public文件夹下的文件是原样打包的不会改变
使用的时候通过require引入即可

<el-image src="require(‘../../../assets/img/xxx.jpg‘)"></el-image>

或者在data中定义：

data(){
  return {
    img:require(‘../../../assets/img/xxx.jpg‘)
  }
}