-
最近想不明白为什么获取表格单行数据并将其内部数据用弹窗展示出来需要调用接口
举个例子吧,比如说这就是我们的表格,当我们要点击查看详情时要展示一个弹窗并把数据展示到弹窗里:
- 但前端可以通过作用域插槽的方式直接获取这一行的完整数据
<el-table :data="tableData" style="width: 100%" border>
<el-table-column prop="date" label="日期" width="180"> </el-table-column>
<el-table-column prop="name" label="姓名" width="180"> </el-table-column>
<el-table-column prop="address" label="地址"> </el-table-column>
<el-table-column prop="address" label="地址">
<template v-slot="scope"> <!-- v-slot与scope-row一个作用 -->
<el-button type="text" @click='setDate(scope.row)'>
查看详情
</el-button>
</template>
</el-table-column>
</el-table>
<script>
methods: {
setDate(row) {
console.log(row)
}
},
</script>
- 前端完全可以自行获取单行数据并展示出来,所以有的项目为什么要为获取表格数据回显表单独写一个接口
- 所以问题来了,这个接口的作用到底是什么?可能现在基本已经没了,但我还是碰到过这种,我就想不明白,希望有后端大佬给科普一下,提前表达感谢。
网友评论