请问使用item.name和使用 Object.keys的区别。

来源:2-7 图标选择器-巧用component动态组件显示所有的图标

jinpu

2022-04-19

 <div class="item" v-for="(item, index) in ElIcons" :key="index">

          <div class="text">

            <component :is="`el-icon-${toLine(item.name)}`"></component>

          </div>

          <div class="icon">{{ item.name }}</div>

  </div>

使用对象属性也可以取到图标。

请问使用 Object.keys的区别。

<div

          class="item"

          v-for="(item, index) in Object.keys(ElIcons)"

          :key="index"

        >

          <div class="text">

            <component :is="`el-icon-${toLine(item)}`"></component>

          </div>

          <div class="icon">{{ item }}</div>

        </div>



写回答

1回答

五月的夏天

2022-04-19

因为注册的时候对象key就是组件名称 。

0
2
五月的夏天
main.ts里面全局注册图标 。
2022-04-19
共2条回复

基于Vue3+Vite+TS,二次封装element-plus业务组件

集成大量实际样例,系统掌握前沿技术栈与二次组件库封装能力

454 学习 · 203 问题

查看课程