// An highlighted block
//标签
<el-table ref="table" :data="tableData">
<el-table-column type="selection"></el-table-column>
<el-table-column label="日期" prop="date"></el-table-column>
<el-table-column label="姓名" prop="name"></el-table-column>
<el-table-column label="操作">
<template slot-scope="props">
<el-button type="primary" @click="handleCheck(props.row)">查看</el-button>
</template>
</el-table-column>
<el-table-column type="expand">
<template>
<div>这里是详情内容</div>
</template>
</el-table-column>
</el-table>
//模拟数据
tableData: [
{
date: '2016-05-03',
name: '王小虎',
province: '上海',
city: '普陀区',
address: '上海市普陀区金沙江路 1518 弄',
zip: 200333
}, {
date: '2016-05-02',
name: '王小虎',
province: '上海',
city: '普陀区',
address: '上海市普陀区金沙江路 1518 弄',
zip: 200333
}
]
//出发事件
handleCheck(row) {
console.log(row)
const $table = this.$refs.table
$table.toggleRowExpansion(row)//展开收起type="expand"
$table.toggleRowSelection(row)//选择单选 type="selection"
}
Element中el-table组件需要展开或选择不通过点击表通过点击按钮触发
最新推荐文章于 2023-06-13 21:22:48 发布