首页 前端知识 elementPlus使用icon和动态渲染icon

elementPlus使用icon和动态渲染icon

2024-05-12 17:05:01 前端知识 前端哥 544 906 我要收藏

记录一下 省的忘了

1.安装icon包

npm install @element-plus/icons-vue

2.在main.js里面全局注册所有icon

3.使用icon

<el-icon>
      <Minus /> //标签名Edit就是官方提供的icon名
      <Plus /> //标签名Edit就是官方提供的icon名
</el-icon>

或者直接用
 <Minus /> //标签名Edit就是官方提供的icon名
 <Plus /> //标签名Edit就是官方提供的icon名

4.动态渲染icon:使用component

<el-icon>
    <component :is="iconName"/>  //看这里 iconName的值 就是官方提供的icon名
</el-icon>

//js代码中
data(){
    return{
        iconName:"Plus",  //看这里 iconName的值 就是官方提供的icon名
    }
}

转载请注明出处或者链接地址:https://www.qianduange.cn//article/8383.html
标签
评论
发布的文章

Newtonsoft.Json

2024-05-23 20:05:19

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!