当前位置: 首页 > 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/news/304366.html

相关文章:

  • 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根据字段内容长度查询语句
  • k8s 部署 ruoyi 前后端分离项目
  • 《企业实战分享 · SonarQube10.x 详细教程》
  • React 组件的基本使用,useState 状态变量的使用
  • 【Linux基础】02 权限
  • VUE+Tailwind网页开发
  • 大数据中一些常用的集群启停命令
  • oracle 如何查询表被锁
  • Vue自定义组件:解密v-model,轻松实现双向数据绑定
  • Nacos rce-0day漏洞复现(nacos 2.3.2)
  • 如何准备技术面试?