<el-table :data="tableData" stripe> <el-table-column prop="id" label="ID" width="80" sortable></el-table-column> <el-table-column prop="content" label="地址"></el-table-column> <el-table-column prop="phone" label="电话"></el-table-column> <el-table-column label="操作" width="180" align="center"> <template slot-scope="scope"> <el-button type="success" @click="handleEdit(scope.row)">编辑 <i class="el-icon-edit"></i></el-button> <el-popconfirm class="ml-5" confirm-button-text='确定' cancel-button-text='我再想想' icon="el-icon-info" icon-color="red" title="您确定删除吗?" @confirm="del(scope.row.id)" > <el-button type="danger" slot="reference">删除 <i class="el-icon-remove-outline"></i></el-button> </el-popconfirm> </template> </el-table-column> </el-table> 中@confirm="del(scope.row.id)"的作用
时间: 2023-06-18 19:06:31 浏览: 254
vue+Element中table表格实现可编辑(select下拉框)
`@confirm="del(scope.row.id)"` 是在确认删除操作时执行一个名为 `del` 的函数,并将当前行的 `id` 作为参数传入该函数中。具体而言,当用户点击“确定”按钮时,会触发 `confirm` 事件,该事件会调用 `del` 函数,并将当前行的 `id` 作为参数传入,从而实现删除该行数据的操作。
阅读全文