好的，這就是我在班級的最后一個專案中遇到的問題 我正在使用一堆硬編碼資料構建一個類似于電影遺愿清單的應用程式，因為我找不到可以合作的 api，所以我可以得到我要呈現的監視串列，但它只呈現為散列，而不是框藝術或類似的東西。這是我使用 vue.js 的 JavaScript 和 HTML，任何幫助將不勝感激。
這就是將要呈現的全部內容
`<template>
<div >
<div v-for="list in lists" v-bind:key="list.id">
<i>{{ list }}</i>
</div>
</div>
</template>
<script>
import axios from "axios";
export default {
data: function () {
return {
list: [],
lists: [],
};
},
created: function () {
this.indexLists();
},
methods: {
indexLists: function () {
axios.get("/lists").then((response) => {
this.lists = response.data;
console.log("list", response.data);
});
},
},
};
</script>
`
uj5u.com熱心網友回復：
您將要創建一個檔案夾，并把所有的電影的海報在那里，他們的名字poster-movie_id.png，例如poster-3.png，然后在你的代碼
<template>
<div class="list">
<div v-for="list in lists" v-bind:key="list.id">
<img src="images/posters/poster-{{ list.movie_id }}.png">
</div>
</div>
</template>
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/384604.html
上一篇：為API連接設定條件屬性