直接在浏览器中使用 vue3+element-plus中icons的方法

hykeda3年前Vue3703

首先引入文件,如果用cdn的方式:

<script src="//unpkg.com/@element-plus/icons-vue"></script>

我们也可以直接下载下来,是一个index.iife.min.js文件,引入到文件中。

接下来我们需要在底部挂载的地方将所有的图标挂载进来:

for ([name, comp] of Object.entries(ElementPlusIconsVue)) {
        app.component(name, comp);
    }

这样我们就可以使用element中的icons了:

<el-icon :size="20"><Clock /></el-icon>


标签: vue3iconelement

相关文章

vite+vue 插件/组件集合

自动引入插件:https://github.com/antfu/unplugin-auto-importvue的按需组件自动导入:https://github.com/antfu/unplugin-v...

在html5中使用Vue3,并且使用组件形式

有的时候为了使用vue编写一些前端程序,如果直接搭建框架感觉太过庞大了。如何直接在html中使用呢?接下来详细介绍:1)引入Vue,并创建Vue实例在官网上,已经讲得很清楚了,我们可以这样使用&nbs...

vite配置代理proxy实现跨域问题

最近在开发vite+vue项目时,调用接口获取服务器数据时提示接口有跨域问题,解决办法是配置代理:export default defineConfig({  //配置代理  se...

npm简介

npm简介

做前端开发,如果项目达到了一定的规模,就离不开npm了。下面简单介绍一下npm的知识。1、npm的含义npm,Node Package Manager的缩写,也就是“节点的包管理器”。顾名思义,npm...

pinia中数据解构

在vuex中获取state中的数据可以解构的方式如下:import { mapState,mapMutations } from "vuex...

Vue3二维码生成

一、装上插件npm install --save qrcode.vue二,引入插件到页面中import QrcodeVue from ...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。