方式一
将svg文件作为静态资源放入项目中,通过
< image >标签的src属性引用vue<template> <view> <image :src="'/static/images/my-svg.svg'"></image> </view> </template>
方式二
将svg文件转换成base64编码并使用
vue<template> <view> <image :src="'data:image/svg+xml;base64,' + svgBase64Data"></image> </view> </template> <script> export default { data() { return { svgBase64Data: 'PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj4KICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiBmaWxsPSJyZWQiLz4KPC9zdmc+' }; } }; </script>