带有svg的对象标记填充了整个网页

Question

我正在尝试在带有 object 标签的svg图标中添加其图标（需要动画处理）。当我这样做时会发生以下情况： Entire webpage populated within object tag for some reason.

我的整个网页都塞在object标签内。我正在使用Vuejs，这是我的模板的一个片段：

<template>
  <div>    
    <p>Landing Page</p>
    <object 
      type="image/svg+xml"
      data="public/Images/logo/logo.svg" 
    />
  </div>
</template>

知道为什么会发生这种行为吗？

Answer 1

您可以将svg包含为图片

<img src="public/Images/logo/test.svg" />