关于新版element-plus ^1.2.0-beta.3版本动态加载菜单icon的方法

最新推荐文章于 2024-08-20 18:11:12 发布
最新推荐文章于 2024-08-20 18:11:12 发布
阅读量1k 收藏 1
点赞数
分类专栏： vue3 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_33659428/article/details/121447409
版权

这里引用了@莫得感情学习机1号

https://blog.csdn.net/Alloom/article/details/119415984?spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7ECTRLIST%7Edefault-1.no_search_link&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7ECTRLIST%7Edefault-1.no_search_link
这里全局导入icon的方法。
在动态菜单循环展示的时候只要加上

 <el-icon >  <component :is="icon值" /> </el-icon>

这样就能展示了

sinat_33659428
关注
专栏目录
关于vue3最新版element-plus里prefix-icon图标不显示问题（已解决）
begefefsef的博客
03-09 4275
element-plus版本^1.2.0-beta.5的icon图标问题： 继element旧版更新后，新版的element-plus的图标引用修改了，很多小伙伴们不会用，这篇文章将介绍两种用法 前置条件： npm install @element-plus/icons-vue 全局引用： 打开main.js文件 // 导入所有的el-icon图标 import * as ElIconModules from '@element-plus/icons' const app = createApp(App
vue3+Element-plus icon图标无法显示的问题(已解决)
m0_67402970的博客
03-06 2050
项目场景： 在使用vue3+element-puls时,默认的icon图片无法显示的问题 问题描述： 在使用element-plus 1.2.0-beta.3版本时 引入侧栏组件时,导航左侧icon图标无法显示 效果图应该是 源码如下 <el-row class="tac"> <el-col :span="12"> <h5>Default colors</h5> <el-menu default-ac
element-plus/icons vue3 统一导入及注册全局el-icon组件 element-plus1.2.0版本
weixin_43312080的博客
11-27 1万+
统一导入及注册全局el-icon组件 element-plus1.2.0版本 Element Plus 团队表示正在将原有组件内的 Font Icon 向 SVG Icon 迁移，正式版本Font Icon将被弃用，于是目标是对代码进行对应的更新，Font Icon换成SVG Icon。 下面全局引用 -main.js import ElementPlus from 'element-plus' import * as icons from '@element-plus/icons' const app=
Element-Plus-动态渲染 ICON
Sunny_boy
05-17 1011
【代码】Element-Plus-动态渲染 ICON。
Elementui-Plus动态渲染图标icon
最新发布
唯有热爱 可抵万难
08-20 629
处理后，即可通过icon值进行动态渲染图标，图标大小可以通过svg样式进行控制！二、使用 component 组件进行动态加载。
Element Plus 动态使用icon图标
素味平生的博客
07-14 1264
Element Plus 动态使用图标
vue3+ElementPlus-【动态绑定icon】
weixin_55049839的博客
07-31 438
官网找到icon图标使用说明，并安装。2. 把需要用到的图标正确导入。4.在template使用。
vue3项目使用Element Plus icon库：统一导入、全局注册组件
热门推荐
m0_60120359的博客
12-23 3万+
vue3项目使用Element Plus icon库：统一导入、全局注册组件 尝试使用Element Plus提供的icon，记录一下在安装和使用中遇到的问题 前排注意，从1.2.0-beta.1版本开始不再包含Font Icon 下载 npm install @element-plus/icons-vue 如果下载较慢可以使用淘宝镜像 npm install @element-plus/icons-vue --registry https://registry.npm.taobao.org 注册组件
vue3.0配置ElementPlus
qq_41709084的博客
05-09 231
然后npm install ,重新生成 node_modules。最后启动项目就可以了。vue3.0.0 使用element-plus 1.3.0-beta.5,如果报错，建议删除node_modules。
Element Plus动态Icon的使用方法
PKQ1023的博客
10-31 4629
Vue + Element Plus 更新后动态icon的使用方式
关于element-plus中动态渲染icon的方法
qq_39287986的博客
11-29 1141
【代码】关于element-plus中动态渲染icon的方法。
Vue3动态引入Element-plus icon图标
a1071626267的博客
12-14 2796
Vue3动态引入Element-plus icon图标
Element Plus如何动态切换icon
weixin_54048131的博客
04-06 943
Element Plus最新图标引入以及使用方法，icon动态组件，点击切换图标_@element-plus/icons-vue-CSDN博客 Script中一定要引入你的icon才可以 定义一个isCollapse判断显不显示 这样就是实现切换了，用了component
Vue3 element-plus动态Icon图标解决方法
su6666v的博客
04-06 1996
然后在main.js或者mian.ts中导入并设置全局变量。至于图标名称，则是官网上列举的这些。
vue3需要动态引入icon图标解决方法
CHENC0518的博客
01-09 1710
vue3需要动态引入icon图标解决方法
element plus的icon使用及动态调用
m0_64590669的博客
10-27 1109
element plus的icon使用及动态调用
element plus 使用 icon 图标(两种方式)
前端技术
02-09 1万+
element plus 使用 icon 图标(两种方式)
关于elementplus的icon图标不显示的问题
心藏_的博客
11-19 1万+
这里我安装的版本是“element-plus": "^1.2.0-beta.3 解决方案 本来我是按照别人的教程来的，但是图标死活不显示，看了网上的解决办法都是降版本，懒得搞了，去官网上研究了一下，感觉好麻烦，不过最终还是解决了这个小问题。 这里是前缀图标，用的:prefix-icon="Search",后缀的话就是:suffix-icon="Calendar" 这四个少一个都不行，坑死了。 放其他的图标去官网上面找就好了 图标icons链接 替换的话就是把上面的Search改成对应的图标英文就好了，
Vue 3 UI库element-plus 1.2.0-beta.2版本发布
标题"element-plus-1.2.0-beta.2.zip"表示这是一个名为element-plus的Vue.js 3 UI库的1.2.0版本的beta.2版本的压缩包。"element-plus"是库的名称，"1.2.0-beta.2"则是版本号，其中"1.2.0"表示主版本号，"beta.2"表示...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值