elementui中的table默认选择几项数据

快来打我* 2022-04-10 01:37 288阅读 0赞

遇到的需求,加载页面table中默认选中几项![打开页面默认选中两项][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21laWthaWVk_size_16_color_FFFFFF_t_70]  
直接代码

// table选择方法
        toggleSelection(rows) {
          if (rows) {
            rows.forEach(row => {
              this.$refs.multipleTable.toggleRowSelection(row);
            });
          } else {
            this.$refs.multipleTable.clearSelection();
          }
        },
        ```
        这里主要还是利用了table提供的方法
        重点是row
        选中多条其中row肯定是一个数组
        应该在生命周期函数mounted中调用
        this.toggleSelection(row)
        重点还是row 这个row必须是你想要的数组,需要后端配合了,只有获取了从后端获取的数据,然后对比全部的数据 就能得到你想要的row
         if(res.data.ReturnObj.length > 0) {
              this.tableData2.forEach(item=> {
                res.data.ReturnObj.forEach(val=> {
                  if(val.jid == item.id ) {
                    arr2.push(item)
                  }
                })
              })
              this.toggleSelection(arr2)

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21laWthaWVk_size_16_color_FFFFFF_t_70]: /images/20220404/83fbc05d42b44875ad97cded8e21ff0b.png

发表评论取消回复

表情：

评论列表（有 0 条评论，288人围观）

还没有评论，来说两句吧...

相关阅读

相关 ElementUI的DatePicker日期选择器默认没有选中样式

[ElementUI的DatePicker多个日期选择器默认没有选中样式的问题][ElementUI_DatePicker] 问题： ![745723-2019081615

ゞ浴缸里的玫瑰/ 2023年08月17日 17:11/ 0 赞/ 186 阅读

相关 ElementUi Table中格式化日期

先看效果： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L

悠悠/ 2022年12月26日 10:11/ 0 赞/ 763 阅读

相关 ant design vue表格table 默认勾选特定几项

关于网上这个答案真的无法言说，仿佛都出资同一人手笔，废话不多说，上代码： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_s

本是古典何须时尚/ 2022年12月26日 04:44/ 0 赞/ 524 阅读

相关 elementUI table多选设置默认勾选

![20200914172226137.png_pic_center][] <el-table ref="multipleTableClinicRoo

刺骨的言语ヽ痛彻心扉/ 2022年10月16日 00:49/ 0 赞/ 486 阅读

相关 elementUi——table表格实现父子项的展示(树形数据)

今天后端同事要求实现如下的效果： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cH

客官°小女子只卖身不卖艺/ 2022年09月03日 04:28/ 0 赞/ 31 阅读

相关 js切换选择项默认选中10

//------------------切换选择项--------------------- /\ var lab

深藏阁楼爱情的钟/ 2022年06月02日 06:12/ 0 赞/ 216 阅读

相关 ElementUI中的Table和collapse实现checkbox的多选和取消选择

最近项目中用到了Vue+ElementUI,就试着写了一些基本功能，坑真多。废话不多说了，直接上代码 1、Vue+ElementUI+el-table实现复选框的多选和取

小灰灰/ 2022年05月21日 01:46/ 0 赞/ 537 阅读

相关 dialog中el-table默认勾选数据，el-table默认勾选数据

1.序言由于工作需求，需要在dialog弹出框中的table中加载动态数据并且想要数据加载完成后默认勾选一些数据，于是尝试了网上很多方法都没成功：网上一般是这么说的

矫情吗；*/ 2022年04月11日 02:03/ 0 赞/ 801 阅读

相关 elementui中的table默认选择几项数据

遇到的需求,加载页面table中默认选中几项![打开页面默认选中两项][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aH

快来打我*/ 2022年04月10日 01:37/ 0 赞/ 289 阅读

相关 ElementUI 修改默认样式的几种办法

ElementUI 是一套ui组件库，目前最新版本 react 和 vue 等主流框架都有支持。该库默认主题色是天蓝色，若用于项目开发，难免遇到要需求修改其默认样式的情况，本文

客官°小女子只卖身不卖艺/ 2021年09月17日 08:16/ 0 赞/ 532 阅读