将HTML传递到Nuxt的支持中

Question

我正在尝试在Prop内部传递一些HTML以显示SVG徽标。

projectSVGLogo: {
  type: String,
  required: false
}

然后通过

访问

<TheCarouselProjects
  projectPath="/tmbc"
  projectImg="image-test"
  projectImgAlt="Alt"
  projectTitle="TMBC"
  projectDescription="Small description"
  projectSVGLogo="<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 387.8 58.1"><path d="M782. . ."></path></svg>"
     />

但是我的IDE不喜欢它。

我尝试使用\字符进行转义，但是没有运气。

我确实看到了

projectSVGLogo: {
   type: Object,
   default: function () {
     return { svgCode: '<svg stuff here. . .>' }
   }
},

但是这并不能真正帮助我，因为我不能在这里传递我的SVG代码，因为它无法以这种方式重复使用。

还有其他方法或我缺少的东西吗？

Answer 1

您可以使用v-html来呈现html属性。

但是您应该考虑改用slot。