当前位置: 首页 > article >正文

vue3里根据配置信息显示el-button的问题

1、使用下面的方式,可以正常显示按钮,就是把v-for="button in buttonConfig"放到单独的div层是可以正常显示一行的按钮,如下:

<template>
  <div>
    <!-- 根据配置动态渲染按钮 -->
    <div style="margin-left: 10%; margin-bottom: 20px; font-size: 14px; display: flex; justify-content: flex-start; gap: 10px;">
      <!-- 使用 v-for 循环遍历 buttonConfig 数组 -->
      <div v-for="button in buttonConfig" :key="button.name">
        <!-- 这里渲染每个按钮 -->
        <el-button
          :icon="button.icon"
          :type="button.type"
          :size="but

http://www.kler.cn/a/304366.html

相关文章:

  • Mac上Stable Diffusion的环境搭建(还算比较简单)
  • 攻防世界 cookie
  • 100V宽压输入反激隔离电源,适用于N道沟MOSFET或GaN或5V栅极驱动器,无需光耦合
  • LabVIEW实现NB-IoT通信
  • TORCH_CUDA_ARCH_LIST
  • Dubbo简单总结
  • iOS中的链表 - 单向链表
  • 多核DSP(6000系列)设计与调试技巧培训
  • 【案例70】invalid secrity token(null)
  • 【SpringBoot】调度和执行定时任务--DelayQueue (附demo)
  • STM32——看门狗通俗解析
  • 【Linux网络】详解TCP协议(1)
  • C++特性--动态内存和智能指针
  • 工作睡觉监测识别摄像机
  • fly专享
  • 【三】TDengine 3.3.2 生产级别集群搭建
  • 【互联网的低潮期】
  • 相亲交友中的用户画像构建方法探讨
  • 【拥抱AI】使用Conda的一些常见命令
  • 如何判断硬盘是不是固态硬盘?介绍几种简单有效方法
  • Java多线程——模拟看病叫号
  • 聚鼎科技:现在做装饰画是靠谱的吗
  • pandas读取xlsx文件使用sqlachemy写到数据库
  • YOLOv5改进 | 模块缝合 | C3 融合RFAConv和CBAM注意力机制 【二次融合 小白必备】
  • 通过 汇编 分析 结构体
  • MongoDB根据字段内容长度查询语句