位置: IT常识 - 正文

使用Element时默认勾选表格toggleRowSelection方式(element remove)

编辑:rootadmin
这篇文章主要介绍了使用Element时默认勾选表格toggleRowSelection方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教 目录

推荐整理分享使用Element时默认勾选表格toggleRowSelection方式(element remove),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:elements怎么用,element key,element key,element.key,element-wise add,element current,element remove,element remove,内容如对您有帮助,希望把文章链接给更多的朋友!

Element时默认勾选表格toggleRowSelection页面效果使用方法:toggleRowSelectiontable表格渲染element表格默认勾选不生效的问题默认勾选可以这样做如果不生效的话,一般需要考虑这几种情况Element时默认勾选表格toggleRowSelection页面效果

在页面初始化加载时将表格中某行默认选中

使用方法:toggleRowSelection方法名说明参数toggleRowSelection用于多选表格,切换某一行的选中状态,如果使用了第二个参数,则是设置这一行选中与否(selected 为 true 则选中)row, selectedtable表格渲染

方法名说明参数toggleRowSelection用于多选表格,切换某一行的选中状态,如果使用了第二个参数,则是设置这一行选中与否(selected 为 true 则选中)row, selectedtable表格渲染

<el-table :data="listPowerSupplyTab" border ref="listPowerSupplyTab" width="100%"@selection-change="handleSelectionChange"><el-table-column type="selection" width="55"></el-table-column><el-table-columnprop="powerSupplyStationName"label="供电所名称"width="180"></el-table-column><el-table-columnprop="powerSupplyStationAddress"label="供电所地址"width="180"></el-table-column><el-table-columnprop="contacts"label="联系人"></el-table-column><el-table-columnprop="telephone"label="电话"></el-table-column><el-table-columnprop="powerSupplyMode"label="供电方式 "></el-table-column><el-table-columnprop="capacity"label="配电容量 "></el-table-column><el-table-columnprop="subordinatePowerSupplyBureau"label="所属供电局 "></el-table-column></el-table>

注意:

1、注意el-table上有一个ref="listPowerSupplyTab"的属性

2、toggleRowSelection(row, selected)接受两个参数,row传递被勾选行的数据,selected设置是否选中

使用Element时默认勾选表格toggleRowSelection方式(element remove)

使用watch监听listPowerSupplyTab数据

watch:{listPowerSupplyTab(n,o){this.$nextTick( ()=> {this.$refs.listPowerSupplyTab.toggleRowSelection(this.listPowerSupplyTab[0],true);})},},

ref引用到Dom元素上,再执行dom上的toggleRowSelection方法。

当页面有隐藏显示的tab页签时

因为一次性加载数据,因而监听active的变化

watch:{//监听activeactive: {handler(n,o){this.$nextTick(()=> {if(n == '6'){this.listPowerSupplyTabNew.forEach((ele,indexItem) => {if(ele.type=='1'){this.$refs.listPowerSupplyTabRef.toggleRowSelection(ele);}})}else if(n == '7'){this.technicalInformationNew.forEach((ele,indexItem) => {if(ele.type=='1'){this.$refs.technicalInformationNewRef.toggleRowSelection(ele);}})}})},immediate: true,deep: true},},element表格默认勾选不生效的问题默认勾选可以这样做

this.$refs.multipleTable.toggleRowSelection(row);如果不生效的话,一般需要考虑这几种情况

1、获取数据(选中的数据以及表格展示的数据)这里的两个数据必须是同一个对象的数据,也就是数据必须是表格当中的数据,而且 不能深拷贝

2、设置表格数据

3、设置完成后,一般我们都是获取到后端的代码再设置this.$refs.multipleTable.toggleRowSelection(row);

这里还要加一个$nextTick

具体代码如下:

/*** @description: 获取表格数据* @param {String} code* @param {String} srcType*/async getTableData(code, srcType) {try {this.tipContent = 'loading'const { result } = await querySubTabDefine({tableSrcType: srcType,subjectCode: code})for (const item of result) {item.select = item.flag === '1'}this.tableData = resultthis.$nextTick(() => {for (const row of this.tableData) {row.select && this.$refs.table.toggleRowSelection(row, true)}})// console.log(selectArr)this.tipContent = this.tableData.length ? false : 'empty'this.layoutTable()} catch (error) {console.error(error)this.tipContent = 'error'this.tableData = []}},

其中最主要是这一步

this.$nextTick(() => {for (const row of this.tableData) {row.select && this.$refs.table.toggleRowSelection(row, true)}})

以上为个人经验,希望能给大家一个参考,也希望大家多多支持本站。

本文链接地址:https://www.jiuchutong.com/zhishi/310228.html 转载请保留说明!

上一篇:Python中的多进程是什么(python的多进程模块)

下一篇:python中numpy数组合并的两种方法(python中numpy数组和列表的区别)

  • 如何申请苹果id账号(如何申请苹果id账号 ipad)

    如何申请苹果id账号(如何申请苹果id账号 ipad)

  • 智能收款云音箱怎么连接手机(智能收款云音箱怎么使用)

    智能收款云音箱怎么连接手机(智能收款云音箱怎么使用)

  • 微信群发怎么发(微信群发怎么发文件)

    微信群发怎么发(微信群发怎么发文件)

  • 滴滴出行实时路况怎么设置(滴滴实时地图)

    滴滴出行实时路况怎么设置(滴滴实时地图)

  • 开通蓝v后需要注意什么(开通蓝v还需要再交500保证金吗)

    开通蓝v后需要注意什么(开通蓝v还需要再交500保证金吗)

  • 苹果手机OTG在哪(苹果手机OTG在哪儿打开)

    苹果手机OTG在哪(苹果手机OTG在哪儿打开)

  • 苹果手表蜂窝有用吗(苹果手表蜂窝有什么功能)

    苹果手表蜂窝有用吗(苹果手表蜂窝有什么功能)

  • 手机信号经常中断又恢复(手机信号经常中断是什么原因)

    手机信号经常中断又恢复(手机信号经常中断是什么原因)

  • 华为屏幕保修时间多久(华为屏幕保修时间查询)

    华为屏幕保修时间多久(华为屏幕保修时间查询)

  • 苹果平板可以当手机用吗(苹果平板可以当电脑使用吗)

    苹果平板可以当手机用吗(苹果平板可以当电脑使用吗)

  • 计算机网络安全策略是指(计算机网络安全的定义)

    计算机网络安全策略是指(计算机网络安全的定义)

  • 腾讯会议怎么看自己是不是静音(腾讯会议怎么看直播回放)

    腾讯会议怎么看自己是不是静音(腾讯会议怎么看直播回放)

  • vivox23尺寸长宽高(vivox23尺寸长宽高厘米)

    vivox23尺寸长宽高(vivox23尺寸长宽高厘米)

  • 企业微信能加个人微信吗(企业微信能加个人微信吗?聊天记录会不会被看到)

    企业微信能加个人微信吗(企业微信能加个人微信吗?聊天记录会不会被看到)

  • 数据库发展的三个阶段(数据库发展的三个阶段独立性最高)

    数据库发展的三个阶段(数据库发展的三个阶段独立性最高)

  • eps图片用什么打开(eps格式可以编辑吗)

    eps图片用什么打开(eps格式可以编辑吗)

  • 为什么手机来电话屏幕不亮怎么办(为什么手机来电显示归属地不对)

    为什么手机来电话屏幕不亮怎么办(为什么手机来电显示归属地不对)

  • kones是什么牌子的音响(kones是什么牌子功放w)

    kones是什么牌子的音响(kones是什么牌子功放w)

  • 手机开机很慢怎么回事(手机开机很慢怎么办啊)

    手机开机很慢怎么回事(手机开机很慢怎么办啊)

  • 小米锁屏后显示时间(小米锁屏后显示悦跑圈)

    小米锁屏后显示时间(小米锁屏后显示悦跑圈)

  • 好食期订单怎么查物流(好食期退款多久到账)

    好食期订单怎么查物流(好食期退款多久到账)

  • oppoa5时间显示主屏幕(oppoa57时间显示主屏幕)

    oppoa5时间显示主屏幕(oppoa57时间显示主屏幕)

  • 如何在京东商城购物(如何在京东商城上开店)

    如何在京东商城购物(如何在京东商城上开店)

  • 流量kb和mb是什么意思(流量的kb和mb有什么区别)

    流量kb和mb是什么意思(流量的kb和mb有什么区别)

  • 抖音实名认证在哪里(抖音怎样用抖音号登录)

    抖音实名认证在哪里(抖音怎样用抖音号登录)

  • 注意力机制详解系列(二):通道注意力机制(注意力机制工作原理)

    注意力机制详解系列(二):通道注意力机制(注意力机制工作原理)

  • 【深度学习】Pytorch实现CIFAR10图像分类任务测试集准确率达95%

    【深度学习】Pytorch实现CIFAR10图像分类任务测试集准确率达95%

  • 不确认递延所得税的特殊情况
  • 增值发票每月上报是怎么个程序吗
  • 企业所得税1季度申报季初从业人数个税所属期12月
  • 长期借款利息计入应付利息吗
  • 建筑业预缴税款是什么意思
  • 长期股权投资收益会计处理
  • 单位班车费用是福利费吗
  • 工程维修费用怎么入账
  • 有票据的福利费是不需要职工薪酬科目过渡吗
  • 利润表中所得税费用为负数是什么意思
  • 应征增值税不含税销售额(3%征收率)怎么算
  • 房地产企业各个阶段所涉及的税种
  • 外籍人员的个人所得税怎么算
  • 进项票一定要专票吗
  • 承兑贴现给其他企业怎么做账
  • Windows10如何解压rar
  • 研发销售型软件有哪些
  • 如何修改自己电脑物理地址
  • 如何阻止win10升级到win11
  • 对外支付需要缴纳增值税吗
  • PHP:pg_client_encoding()的用法_PostgreSQL函数
  • gwsystemservice.exe是什么进程 有什么作用 gwsystemservice进程查询
  • 动态定位
  • 稳岗补贴支付范围
  • bootz命令
  • php文件上传操作流程图
  • 增值税申报表期初未缴税额
  • python偏函数理解
  • 劳务公司成本怎么算
  • wordpress怎么降级
  • 不借助的英文
  • 出版社出版带有编码吗
  • 小规模季度免税政策
  • 印花税减半征收政策什么时候开始的
  • 计提工资是什么时候计提
  • 用友t3建立新的帐套的流程
  • 采用权益法核算的长期股权投资时,对于被投资企业
  • 建筑企业缴纳资源税
  • 收回以前年度的应收账款较多能说明什么呢?
  • 行政单位现金管理
  • 固定资产清理后折旧怎么处理
  • 发票为什么被列为金额
  • 管理人员的奖金可以索赔吗
  • 企业为职工购买互助保障项目经费可以有什么开支
  • 企业开发有多个产品
  • 年度总预算一般在次年
  • 什么是交易性金融资产?交易性金融资产主要有哪些特点?
  • 公司现金收入存入私人老板账户
  • 无建账能力的纳税人是什么意思
  • mysql挂了怎么排查
  • mysql清空数据表怎么恢复
  • mysql 5.7.17 64bit安装配置方法图文教程
  • 关闭win10操作系统,相当于
  • Windows Server 2008的NPS策略应用
  • ubuntu更新设置在哪
  • googletoolbarnotifier.exe是什么进程?GoogleToolbarNotifier怎么关闭?
  • WIN10怎么设置在平板模式下隐
  • ie 无法打开
  • unity数学函数
  • javascript 基础
  • node.js加密
  • python的数据
  • 一篇文章让你彻底读懂德国历史
  • ubuntu20.04怎么安装
  • centos搭建php
  • 原生js实现promise
  • python fabric实现远程部署
  • javascript获取数据
  • jQuery Tags Input Plugin(添加/删除标签插件)详解
  • js给input添加属性
  • 航天金税软件怎么下载
  • 专项附加扣除当月填报何时生效
  • 狠抓组织收入工作
  • 济南槐荫税务局办税大厅电话
  • 电子税务局申领的发票怎么读入金税盘
  • 盐城城南新区的邮政编码是多少号
  • 个人土地建房
  • 如何打印个税缴纳记录
  • 乾升黄酒好吗值得买吗
  • 天津市河东区税务局
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设