使用el-image引入相對路徑的圖片報錯

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