vue里＜img＞的src用变量代替后无法显示的问题

做个笔记

定义一个变量url：

url: '@/assets/ima/square/01.jpg'

 此时直接在在require使用url图片不显示

<img :src="require(url)" class="image">

解决方案：

修改url：

url: '01.jpg'

将require的值改为文件名拼路径：

<img :src="require('@/assets/ima/square/' + url)" class="image">