svg图片放img标签报错解决办法

错误代码：

<div v-if="item.showType == '2'" :id="'tag'+index" class="tag-icon-text" @click="tagClick(item)">
        <img src="@/assets/images/flag.jpg" class="img" />
        <span v-html="item.name"/>
</div>

修改如下：

1、通过import引入svg图标

import flagSvg from "@/assets/images/flag.svg"

2、data数据模型中使用

data() {
      return {
        flagSvgUrl: flagSvg
      };
    },        

3、在img标签中使用

<div v-if="item.showType == '2'" :id="'tag'+index" class="tag-icon-text" @click="tagClick(item)">
        <img :src="flagSvgUrl" class="img" />
        <span v-html="item.name"/>
</div>

 

---

感谢您的阅读，如果您觉得阅读本文对您有帮助，请点一下“推荐”按钮。本文欢迎各位转载，但是转载文章之后必须在文章页面中给出作者和原文连接。