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无法显示的问题

在Vue3中使用Element Plus时 el-icon无法显示的问题

【Vue3+Vite+TS】3.0 组件二:图标选择器