用 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"类的字符串。