<template>部分的代码
<el-icon v-for="item in data" :key="item.id">
<component :is="item.icon" />
</el-icon>
----------------------------------------------------------------------------
<script setup lang="ts">部分的代码
let box = reactive({
data: [
{
id: 1,
icon: "Edit"
}
]
})
element-plus icon 在setup语法糖中的遍历使用
Vue.js组件动态渲染与数据绑定示例
最新推荐文章于 2025-04-01 19:27:38 发布
文章展示了在Vue.js中如何使用<el-icon>元素结合v-for指令循环遍历数据,并利用:is属性动态加载组件。数据是通过reactive函数创建的响应式对象,包含id和icon属性,用于图标组件的渲染。
6684

被折叠的 条评论
为什么被折叠?



