Skip to content

方式一

  • 将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>

MIT版权,未经许可禁止任何形式的转载