elementui el-table表格展开行,对当前展开行内容修改删除,当前行默认展开

elementui el-table表格展开行,对当前展开行内容进行修改删除操作时,要当前行默认展开

方式一 上代码

  <el-table
      v-loading="listLoading" 
      :data="list"
      :row-key="getRowKeys"
      border  
      style="width: 100%"
      :expand-row-keys="expandednewarr" 
  >

根据情况使用唯一值

 getRowKeys(row) {
      return row.user.uid;
 },

接口中

 deleteItem(item, i) { 
      const data = {
        id: [item.cart_id],
      };
      batchDelete(data).then((res) => { 
        this.$message({
          message: "删除成功",
          type: "success",
        });
        this.getList();
        this.expandednewarr.push(this.list[i].user.uid);
     });
 },

方式二 上代码

  <el-table
      v-loading="listLoading" 
      :data="list"
      :row-key="getRowKeys"
      border  
      style="width: 100%"
      @expand-change="expandChange"
      :expand-row-keys="expandednewarr" 
  >

根据情况使用唯一值

 getRowKeys(row) {
      return row.user.uid;
 },

change事件改变

 expandCHange(row, expanded) {
      this.expandednewarr = [];
      expanded.map((item) => this.expandednewarr.push(item.id));
},
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容