element-ui表格table增删改查时多选/选择当前行

最新推荐文章于 2024-04-01 10:19:11 发布

Akatsuki233

最新推荐文章于 2024-04-01 10:19:11 发布

阅读量1.1k

点赞数

分类专栏： element-ui

本文链接：https://blog.csdn.net/Akatsuki233/article/details/88797041

版权

本文介绍如何在使用Element-UI的表格组件时，实现表单数据的增删改查功能，特别是如何判断并处理选择的当前行，以满足删除多行及查看行详情的需求。

摘要由CSDN通过智能技术生成

表单数据的增删改查
如何判断选择到的是哪一行？
需求：删除多行，查看一行的详情。

<el-button type="primary" @click="delButton">删除</el-button>
<el-button type="primary" @click="modifyAndDetail('查看详细', false)">查看详细</el-button>

<template>
  <el-table
    ref="multipleTable"
    :data="tableData"
    tooltip-effect="dark"
    style="width: 100%"
    @selection-change="selected">
    <el-