用 v-html 綁定圖片

Question

我有一個包含一些 object 的數組，每個 object 都有一個圖像標簽，所以我想顯示這些圖像，但我不知道我如何認為錯誤出現在圖像的 src 中。它是我在文件夾組件中的文件中的代碼，它的模板：

<div v-for="(item, index) in items" :key="index">
 <div v-html="item.image"></div>
</div>

及其腳本

data(){
 return {
  items: [
    {title : 'IMG1', image : '<img src="../assets/img1.jpg" alt="None">',},
    {title : 'IMG2', image : '<img src="../assets/img2.jpg" alt="None">',}
  ]
 }
}

但它只是顯示無..請問我怎樣才能得到這些圖像？ 它是我的文件夾目錄，我在文件 posts.vue 中，我想在 assets/images 中獲取圖像

Answer 1

您是否嘗試過使用圖像標簽？ 像<img:src="item.image" alt="none" /> 。 並將您的圖像在數據中作為"../assets/img1.jpg"類的字符串。