关于v-for引入img的src问题(作者私人仓库)

303 阅读1分钟

一、我们先来看一下网上有人踩过的坑

二、然后看一下我自己刚开始的错误操作,印证一下第一点

1、刚开始我是这样写的:

上图数据里的图片路径 image

上图是vue文件的写法。

这样做之后,没法显示图片。

2、我进一步改进,添加了require解析。

(这里不能加bind冒号,否则会出错误。个人推测觉得是$和:都是解析变量,重了的原因)

然后结果依然是没法解析。

再结合浏览器对代码的解析:

这两步下来,加深了我对第一条(网上搜来的)理解。

三、正确做法

在数据这里直接引入require 给vue文件传过去一个变量,而不是一个表达式。

注意这里的冒号,bind绑定,解析变量。 不能少。

这样以后,图片即可正确解析出来。(我真是太棒了!)