错误代码:

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

 

posted on 2024-06-03 11:00  周文豪  阅读(84)  评论(0编辑  收藏  举报