vue 图片显示双向绑定问题

Question

vue 使用:src="'../../assets/'+cards+'.png'"无法显示图片，Elements结果如图： 。但是在网页中Elements 中地址显示拼接正确../../assets/card1.png。将Elements中地址复制到代码中可显示正确图片。
问什么第一种方法无法显示正确图片？求大神解答。。。。

Answer 1

不是直接引用的图片放到外面的static文件夹,然后使用/static/...来引用

Answer 2

用require试试，先确定路径引用地址是正确的，形式如下：

:src=require("'../../assets/'+cards+'.png'")

Answer 3

'../../assets/'+cards+'.png'把这段赋给vue里的一个变量，:src里放变量就行了

Answer 4

有几种方法：
https://segmentfault.com/q/10...