vue 如何拦截img src片请求,vue中片src绑定变量不生效

问题： 使用:src绑定本地图片地址不生效

本地图片的位置

出现问题的代码：

<img id="avatar" :src="imageLink"> data() { return { imageLink: '@/assets/img/avator.jpg' }}

页面上图片无法加载。

zxdjj：使用require引入图片

修改后的代码：

<img id="avatar" :src="imageLink"> data() { return { imageLink: require('@/assets/img/avator.jpg') }}

页面上正常渲染图片