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

(vue)获取对象的键遍历,同时循环el-tab页展示key及内容

(vue)获取对象的键遍历,同时循环el-tab页展示key及内容


效果:
在这里插入图片描述
在这里插入图片描述

数据结构:

"statusData": {"订购广度": [                                  {"id": 11, "ztName": "广",                       ... }, {"id": 12,  "ztName": "较广", ...}, ],"需求强度": [{"id": 21,  "ztName": "强", ...}, {"id": 22,  "ztName": "弱", ...}, ],...}     

代码:

<el-tabs v-model="activeName" @tab-click="handleClick"><el-tab-pane label="状态查看" name="first"><el-tabs type="border-card">// Object.keys(statusData) 获取对象的键(key): ['订购广度', '需求强度', '动销速度', '市场状态', '贡献度', '异常信息']<el-tab-pane :label="item" v-for="(item,index) in Object.keys(statusData)" :key="index"><el-table:data="statusData[item]"...><el-table-column type="index" label="序号" align="center" />...</el-table></el-tab-pane></el-tabs></el-tab-pane><el-tab-pane label="状态编辑" name="second">...</el-tab-pane>
</el-tabs>
http://www.lryc.cn/news/123108.html

相关文章:

  • 【严重】Smartbi未授权设置Token回调地址获取管理员权限
  • 北京鸟巢门票多少,里面有什么好玩的
  • 4路光栅尺磁栅尺编码器5MHz高速差分信号转Modbus TCP网络模块 YL97
  • 金蝶云星空对接打通旺店通·企业奇门组装拆卸单查询接口与创建其他出库单接口
  • 卫星--夏令营
  • Kafka的下载安装以及使用
  • 数据库相关面试题
  • Ubuntu常用配置
  • win10MySQLServer安装过程+解决MySQL服务无法启动问题
  • 网络:CISCO、Huawei、H3C命令对照
  • 题目:2319.判断矩阵是否是 X 矩阵
  • 2023年大厂前端面试题汇总
  • 如何在Linux中查找Nginx安装目录
  • 【NLP】训练LLM的不同方式
  • MySQL 45讲笔记(1-10讲)
  • U盘数据如何保密?U盘数据加密软件合集
  • 此文详解,数据仓库管理建设的经验
  • 01 - 工作区、暂存区、版本库、远程仓库 - 以一次连贯的提交操作为例
  • cesium学习记录06-视图、场景与相机
  • flutter开发实战-MethodChannel实现flutter与原生Android双向通信
  • django使用多个数据库实现
  • Linux常见面试题,应对面试分享
  • mysql索引的数据结构(Innodb)
  • 【MySQL】Java实现JDBC编程
  • 纽扣电池寿命和功率增强器
  • bilibili倍数脚本,油猴脚本
  • 8.14 作业
  • Debian安装和使用Elasticsearch 8.9
  • 三 、CTR预估数据准备
  • netty学习分享 二