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

标签：public   data   资源   相对路径   pack   bpa   引入   资源文件   jpg   

在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‘)
  }
}

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

标签：public   data   资源   相对路径   pack   bpa   引入   资源文件   jpg   

原文地址：https://www.cnblogs.com/my466879168/p/13368789.html