vue3:Icon 图标处理方案
Posted 岁月可贵
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue3:Icon 图标处理方案相关的知识,希望对你有一定的参考价值。
# Icon 图标处理方案
图标无非是两种图标,自定义图标
及UI框架中自带的图标
因此:我们需要封装一个可以兼容外部图标
和内部图标
的组件
# 封装自定义 SvgIcon 组件库
基本代码
<template>
<!-- 外部图标 -->
<div v-if="isExternal" :style="styleExternalIcon" class
以上是关于vue3:Icon 图标处理方案的主要内容,如果未能解决你的问题,请参考以下文章
vue3.x结合element-plus如何使用icon图标
Vue3使用element-ui input组件给字体图标绑定点击事件
在Vue3中使用Element Plus时 el-icon无法显示的问题
在Vue3中使用Element Plus时 el-icon无法显示的问题