我正在玩vue js和第三方API。我已经成功获取了json数据并将其呈现在html中，但是我在图像上苦苦挣扎。json文件中缺少某些图像，因此我将其本地存储在笔记本电脑中。
我试图在我的html中使用v-if设置空图像源，但没有运气。（请参阅我的html文件中的注释）
另外，我尝试为每个类分配一个类img，然后尝试img使用jquery 设置源，$("#zTTWa2").attr("src", "missing_beers-logo/11.5%20plato.png");但也没有运气。
我的错在哪里 也许我的方法是完全错误的，因为我是编码方面的新手，任何建议将不胜感激。先感谢您
var app = new Vue({
el: "#app",
data: {
beers: [],
decrArray: [], //array with img links
cleanedArray: [], //without undefined
path: 0,
images: [missing_beers-logo/11.5%20plato.png", "missing_beers-logo/11.5%20plato.png", "missing_beers-logo/11.5%20plato.png", "missing_beers-logo/11.5%20plato.png", "missing_beers-logo/11.5%20plato.png", "missing_beers-logo/11.5%20plato.png", "missing_beers-logo/11.5%20plato.png", "missing_beers-logo/11.5%20plato.png",
"missing_beers-logo/11.5%20plato.png", "missing_beers-logo/11.5%20plato.png", "missing_beers-logo/11.5%20plato.png", "missing_beers-logo/11.5%20plato.png", "missing_beers-logo/11.5%20plato.png", "missing_beers-logo/11.5%20plato.png", "missing_beers-logo/11.5%20plato.png", "missing_beers-logo/11.5%20plato.png", "missing_beers-logo/11.5%20plato.png",
"missing_beers-logo/11.5%20plato.png", "missing_beers-logo/11.5%20plato.png", "missing_beers-logo/11.5%20plato.png", "missing_beers-logo/11.5%20plato.png"],
created: function() {
this.getData();
},
methods: {
getData: function() {
var fetchConfig =
fetch("http://api.brewerydb.com/v2/beers?key=6a3ac324d48edac474417bab5926b70b&format=json", {
method: "GET", …