vuejs v-html图像标记无法解析src

Question

我有一个Vue页面，该页面使用v-html将html内容放置在<div>内，如下所示：

<div v-html="noDataMessage">               
</div>

noDataMessage的数据在created()生命周期的Vue挂钩中设置。

created() {  
   this.noDataMessage = "<img src='../assets/Content/img/Myfav_empty.png' width='35px' height='35px'>";
}

html标记正确显示，但是无法获取图像。 我尝试分别加载图像，以查看图像路径是否正确，并获得图像。

我是否特别缺少vue.js或v-html的任何内容？

Answer 1

问题出在您使用的src url 中，src url根是公共目录。

例如，如果您将所有图像都放在public-> images目录中，则代码将如下所示：

this.noDataMessage = "<img src='images/Myfav_empty.png' width='35px' height='35px'>";

Answer 2

这似乎很完美。

我已经实现了相同的方式来获取图像，在这里我可以看到图像。 请再次检查路径。

您可以在下面的示例中尝试使用相同的方法 : http://jsfiddle.net/suprabhasupi/eywraw8t/491005/