<template>
<el-table :data="dataList" style="width: 100%" ref="refTable" row-key="id" :expand-row-keys="expands" @row-click="rowClick"
@expand-change="expandChange">
<el-table-column type="expand">
<template slot-scope="props">
<el-form label-position="left" inline class="demo-table-expand">
<el-form-item label="商品名称">
<span>{
{
props.row.name }}</span>
</el-form-item>
<el-form-item label="所属店铺">
<span>{
{
props.row.shop }}</span>
</el-form-item>
<el-form-item label="商品 ID">
<span>{
{
props.row.id }}</span>
</el
elementUI,点击表格展开,刷新的时候也展开点击过的表格。点击箭头,或者表格这一行都可以。
最新推荐文章于 2024-07-11 00:15:48 发布
本文介绍如何在使用ElementUI时,实现表格展开状态的保存。当页面刷新或点击表格后,能够记住之前点击展开的行,并保持其展开状态。同时,讨论了通过点击表格行或箭头来控制展开的实现方法。
摘要由CSDN通过智能技术生成