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

hykeda3年前Vue3363

首先引入文件,如果用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

相关文章

在写css时不起作用,请排查是否是scoped的问题

在写css的时候,用了框架自带的组件table和card,把table包在了card里面,然后发现table的分页样式出现了问题,查看源码后发现card中写了ul li { margin-left:2...

pinia中数据解构

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

Vue2.x笔记

vue2.0 开始不能挂载到<html> 或者 <body> 上。 transition 动画过渡的时候,如果是:<transit...

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

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

vue3 拖拽插件 vue.draggable.next

官网地址:https://github.com/SortableJS/vue.draggable.next安装:npm i -S vuedraggable@next引入插...

vite+vue3项目中js方法调用

这这里一创建一个axios接口demo为例:首先安装axios,打开官方GitHub:https://github.com/axios/axios或者访问中文网站:https://www.axios-...

发表评论    

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