实现表格中点击某个数据就会实现弹窗且是嵌套的?
<el-table :data="tables.slice((currentPage - 1) * pageSize, currentPage * pageSize)" border stripe>
<el-table-column type="index" label="#"></el-table-column>
<el-table-column v-for="(item, index) in columnList" :key="index" :prop="item.prop" :label="item.label">
<template slot-scope="scope">
<el-button type="text" @click="showDialogTableVisibleEmbed(scope.row)">{{ scope.row.item.label
}}</el-button>
</template>
</el-table-column>
</el-table>
这么写表格数据直接就获取不到了
回复
1个回答
test
2024-06-29
<el-table :data="tables.slice((currentPage - 1) * pageSize, currentPage * pageSize)" border stripe>
<el-table-column type="index" label="#"></el-table-column>
<el-table-column v-for="(item, index) in columnList" :key="index" :prop="item.prop" :label="item.label">
<template slot-scope="scope">
<el-button type="text" @click="showDialogTableVisibleEmbed(scope.row)">{{ scope.row[item.prop] }}</el-button>
</template>
</el-table-column>
</el-table>
showDialogTableVisibleEmbed方法:
methods: {
showDialogTableVisibleEmbed(row) {
console.log(row); // 行数据
}
}
回复
适合作为回答的
- 经过验证的有效解决办法
- 自己的经验指引,对解决问题有帮助
- 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容