首先说加载后端svg图片到vue项目中的方式:
- 通过v-html 绑定的方式,需要请求得到svg的xml结构的代码
<div class="svg-view" ref="svg-view" v-html="svgXml" :style="svgStyle"></div>
- 也可以直接通过后端url地址加载svg
主要有两种方法:embed 和 object
<vue-loading :spinning="loader">
<embed
ref="svg-embed"
:src="'api/vfs/resource/' + svgId + '?' + token"
:width="width"
:height="height"
type="image/svg+xml"
/>
</vue-loading>
<object
type="image/svg+xml"
:data="'api/vfs/resource/' + svgId + '?' + token"
class="example"
:width="width"
:height="height"
&