vue3 v-html img路径

在Vue 3中，使用v-html指令渲染包含img标签的HTML代码时，你需要注意处理img标签的路径。由于v-html会将HTML代码直接插入到模板中，需要确保img标签的路径是相对于公共文件夹的。

假设你的图片位于public文件夹下的images文件夹内，你可以使用以下方式设置img标签的路径：

<template>
  <div v-html="htmlCode"></div>
</template>

<script>
export default {
  data() {
    return {
      htmlCode: '<img src="/images/image.jpg" alt="My Image">'
    };
  }
};
</script>

在上面的示例中，`/images/image.jpg` 是相对于public文件夹的路径。确保你的图片位于正确的路径，并根据你的实际情况进行调整。