首页 > 其他分享 >element 表格多选删除

element 表格多选删除

时间:2023-07-26 17:56:00浏览次数:34  
标签:val 删除 flowNo element 表格 message multipleSelection type 多选

/**
         * 删除
         */
        toDleteFillBalance(){
            
            if (this.multipleSelection.length===0) {
                // this.$alert('请选择要删除的数据','提示',)
                this.$alert('请选择要删除的数据', '提示', {
                    confirmButtonText: '确定',
                    
                })
            }else{
                this.$confirm('确认要删除该数据, 是否继续?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    
                    let val=this.multipleSelection
                    console.log(val);
                    val.forEach((val) => {
                        this.tabledatet.forEach((v,i) => {
                            if (val.flowNo==v.flowNo) {
                                this.tabledatet.splice(i,1)
                            }
                        }
                        )
                    }
                    )
                    this.$message({
                        type: 'success',
                        message: '删除成功!'
                    })
                    // this.$refs.multipleTable.clearSelection()

                    
                }).catch(() => {
                    this.$message({
                        type: 'info',
                        message: '已取消删除'
                    })
                    
                })
            }


        },

 

标签:val,删除,flowNo,element,表格,message,multipleSelection,type,多选
From: https://www.cnblogs.com/xiaobaizitaibai/p/17583190.html

相关文章

  • 使用phpword生成电子合同与GD库绘制表格
    functioncreate_table(){$data=array();//生成演示数据for($i=0;$i<10;$i++){$data[]=['name'=>'测试名'.$i,'zhuang'=>100,�......
  • vue3之element-plus
    1.安装elementPlus和自动导入插件npmielementPlusnpminstall-Dunplugin-vue-componentsunplugin-auto-import2、配置自动按需导入//引入插件importAutoImportfrom'unplugin-auto-import/vite'importComponentsfrom'unplugin-vue-components/vite'import{......
  • 使用itext生成PDF表格报表
    使用iText生成PDF表格形式报表1、引用JAR包<dependency><groupId>com.itextpdf</groupId><artifactId>itextpdf</artifactId><version>5.5.13.3</version></dependency> itext5是开源的,可以免费使用2、开始创建PDFpackagecom.example......
  • element ui 的el-select的回显,v-model绑定的是一个数组,如何保证回显成功
    要确保`el-select`组件的回显成功,其中`v-model`绑定的是一个数组,你需要按照以下步骤进行操作:1.在`el-option`组件上使用`:value`属性设置每个选项的值,确保每个选项都有唯一的标识。2.在`el-select`组件上使用`:multiple="true"`属性来启用多选模式。3.在`mount......
  • Element-ui源码解析(二):最简单的组件Button
    好家伙,为了有足够的能力去开发组件,先研究一下别人的组件开始抄袭模仿我们的行业标杆element-ui 找到Button组件的源码 只有三个文件,看上去非常易读,开搞  其中最重要的部分,自然是button.vue<template><buttonclass="el-button"@click="handl......
  • 用android studio 绘制行数不确定的表格
    用AndroidStudio绘制行数不确定的表格介绍在Android应用开发中,我们经常需要绘制表格来展示数据。有时候,表格的行数是不确定的,这就需要我们动态地生成表格,并根据数据的变化来更新表格的行数。本文将向你介绍如何使用AndroidStudio来实现这个功能。步骤步骤1:创建一个新的Andr......
  • antd 合并表格的最后一列,且增加点击事件
    实现:antd(版本1.7.8)+vue实现如下,点击导出导出该表格为excel table的columns里最后一列的操作这样写:在customRender里写合并最后一列的方法:判断index等于0,也就是第一行,进行行的合并,并且返回这一行的内容,是一个导出的链接,方法是exprotInterfaceData别的行返回的rowSpan是0......
  • element-ui 周、月、季、年的日期时间选择器
    日常做项目中经常会遇到根据周、月、季度、年的日期时间选择器,切换不同的时间时选择器也做出相对应的变化,并且获取相对的开始时间和结束时间。效果如下:  1.先创建子组件--季度的日期选择器 1<template>2<divclass="time_quarter">3<markstyle="posi......
  • 15款提高表格操作的jQuery插件
       table表格由于它的浏览器兼容性和复杂的标签嵌套方式,可以算是添加样式最困难的对象之一了。大多数前端er都把网页中的table标签替换为div,主要就是因为div要比table更容易添加CSS样式。但是我们在日常应用中仍然要用到table表格,其中最好的例子就是对照表。今天彬Go将向大家......
  • element table列表项展示省市区
    使用的省市区插件npminstallelement-china-area-data-S引用import{provinceAndCityData,regionData,provinceAndCityDataPlus,regionDataPlus,CodeToText,TextToCode}from'element-china-area-data'绑定formatter的方法<el-table-columnalign="center&qu......