关于vue中的图片问题

一. data中动态绑定图片路径的方法

使用require

在data中必须用 require 加载，否则会当成字符串来处理

//template
<img :src="imgUrl" alt="" />

//script
data() {
    return {
      imgUrl:require('../../assets/pc_img/xxx.png'),
    }
  },

二. template中绑定图片路径的写法

使用 ~@

~@ = src

<img src="~@/assets/pc_img/xxx.png" alt="" />