Javascript jQuery Lazy不工作– ；使用Airtable和Vue

有人能帮助我如何将Airtable数据传递到图像的'data src'变量中吗？ 详情如下

我创建了一个简单的html站点，在这里我使用Vue/Airtable将一些图像从我的Airtable库传递到html对象：

<img class="lazy" id="img1" :src="item['fields']['Photo'][0]['thumbnails']['large']['url']" alt="" v-if="item['fields']['Photo']">

我已经加入了jquerylazy，但似乎无法让它工作——页面加载后，所有内容都会加载。我想我需要将Airtable数据传递给一个“data src”变量，而不是“：src”-但是当我尝试下面的代码时，什么都没有出现：

<img class="lazy" id="img1" :data-src="item['fields']['Photo'][0]['thumbnails']['large']['url']" alt="" v-if="item['fields']['Photo']">

---

我刚开始使用Vue和Airtable，总体上没有多少编码经验。感谢您的帮助

：src data

不是

：data src

@JaromandaX啊，对不起，这里有个打字错误！我现在改正了。你知道怎么修吗？：）请避免张贴重复。你已经问过了@Viney，我不确定我是不是用正确的方式把它框起来了——但也许我应该改为编辑这篇文章。我会记住的<代码>：src data不是

：data src

@JaromandaX啊，很抱歉，这里有个打字错误！我现在改正了。你知道怎么修吗？：）请避免张贴重复。你已经问过了@Viney，我不确定我是不是用正确的方式把它框起来了——但也许我应该改为编辑这篇文章。我会记住的！