vue学习一：点击表格展开列表（表格）

最新推荐文章于 2024-09-25 12:02:48 发布

Yuka9499

最新推荐文章于 2024-09-25 12:02:48 发布

阅读量2k

点赞数 1

文章标签： vue.js html5 html

本文链接：https://blog.csdn.net/Yuka9499/article/details/120783451

版权

本文将介绍如何在Vue.js项目中创建一个表格，点击表格行后展开列表。内容涉及HTML5和Vue.js的基本应用，展示了前端开发中的交互实现。

摘要由CSDN通过智能技术生成

一、效果

2、前端：

<el-table v-loading="listLoading" :data="list" element-loading-text="正在查询中。。。"
          border
          fit
          highlight-current-row>

  <el-table-column type="expand">
    <template slot-scope="props">
      <el-table :data="props.row.zcgdItemProjectList" border fit highlight-current-row>
        <el-table-column prop="createdTime" label="添加/更新日期" sortable></el-table-column>
        <el-table-column prop="itemId" label="检验项目编号"></el-table-column>
        <el-table-column prop="item" label="检验项目名称"></el-table-column>
        <el-table-column prop="dataType" label