对于日常开发的小伙伴而言,iconfont图标非常常见,当在侧边栏展示的时候,由于侧边栏要切换成动态接口获取,图标依然由前端提供渲染,这时候,该怎么写呐,话不多说,上代码
<li
class="sub-menu"
@click="changeSer(item.code)"
:class="{ 'sub-active': subActive === item.code }"
v-for="item in sideData"
>
<div>
<i class="iconfont" v-html="item.icontent"></i>
<span class="link">{{ item.name }}</span>
</div>
</li>
通过v-html的方式,可以直接将“”这种格式的代码直接绑定上,当然了,还有很多种方法,看项目实际引入而定,不喜勿喷,