默认勾选一行 form -item

小灰灰 2023-03-01 09:45 22阅读 0赞

默认勾选失效问题  
注意要当数据都加载完的时候 再去 勾选 使用this.$nextTick即可

<el-table ref="multipleTable" :data="tableData" style="width: 100%" selection-change="tableSelectChange">
            <el-table-column
                type="selection"
                width="55">
            </el-table-column>
            <el-table-column
                label="名称"
                width="120">
                <template slot-scope="scope">{ {  scope.row.detailName }}</template>
            </el-table-column>
            <el-table-column
                label="单价(元)"
                width="120">
                <template slot-scope="scope">{ {  scope.row.money }}</template>
            </el-table-column>
        </el-table>

默认选一行

this.$nextTick(function () { 
      this.$refs.multipleTable.toggleRowSelection(this.tableData[this.tableData.length-1],true);
       });
    });

默认全选

this.$nextTick(function () { 
          this.tableData.forEach(row => { 
              this.$refs.multipleTable.toggleRowSelection(row,true);
          });
      });

发表评论取消回复

表情：

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

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

相关阅读

相关 idea project默认勾选

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

骑猪看日落/ 2023年10月04日 14:43/ 0 赞/ 85 阅读

相关 elementui tree怎样设置默认勾选

在树形菜单数据里面设置一个唯一的字段，这里我的就是id字段 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR

我不是女神ヾ/ 2023年08月17日 16:37/ 0 赞/ 263 阅读

相关默认勾选一行 form -item

默认勾选失效问题注意要当数据都加载完的时候再去勾选使用this.$nextTick即可 <el-table ref="multipleTable" :da

小灰灰/ 2023年03月01日 09:45/ 0 赞/ 23 阅读

相关 elementui之table多选的checkbox--记住勾选状态&&默认勾选且不可取消

首先是表格记住勾选状态之前用的公司的组件，然后手动写方法用`this.$set`进行状态的勾选但比较麻烦，开了很多数组与对象 watch: {

水深无声/ 2022年12月11日 09:09/ 0 赞/ 944 阅读

相关 vue实现复选框默认勾选功能案例

一、概述 1. 最近在学习vue相关知识。通过菜鸟教程中单选框、复选框渲染的代码测试之后，自己也写了一下代码来实现复选框如何默认勾选的功能；二、案例介绍 1. 实现

以你之姓@/ 2022年11月26日 07:58/ 0 赞/ 734 阅读

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

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

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

相关 jquery easyui datagrid 获取Checked选择行(勾选行)数据

getSelected：取得第一个选中行数据，如果没有选中行，则返回 null，否则返回记录。 getSelections：取得所有选中行数据，返回元素记录的数组数据。

淩亂°似流年/ 2022年08月27日 10:47/ 0 赞/ 354 阅读

相关 jQuery 控制勾选和去勾选

input ratio勾选控制 $("id").prop("checked",true); //勾选 $("id").prop("chec

桃扇骨/ 2022年05月18日 08:13/ 0 赞/ 434 阅读

相关 layui数据表格单击行勾选（多选或者单选行）选项的功能

实现效果：单击行，自动选中或取消勾选 –对于复选框按钮点击行的选中功能： //单击行勾选checkbox事件 $('.DetailDiv').on("cl

客官°小女子只卖身不卖艺/ 2022年05月16日 15:47/ 0 赞/ 593 阅读

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

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

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