【项目经验】:elementui多选表格默认选中

简介: elementui多选表格默认选中

一.需求

在页面刚打开就默认选中指定项。

二.方法Table Methods

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

三.代码

mounted () {
// multipleSelection 想选中的数据 tableData表格数据this.$nextTick(() => {
this.multipleSelection.forEach(row=> {
this.$refs.multipleTable.toggleRowSelection(this.tableData.find(item=> {
returnrow.date==item.date;
                }), true)
            })
        })
    },

四.效果图

9-17-1.png

相关文章
|
前端开发
解决el-descriptions的label-class-name不生效问题
解决el-descriptions的label-class-name不生效问题
2259 0
|
前端开发 JavaScript 安全
【前端相关】elementui使用el-upload组件实现自定义上传
【前端相关】elementui使用el-upload组件实现自定义上传
3962 0
Element UI - el-table 渲染慢,卡的原因
Element UI - el-table 渲染慢,卡的原因
4095 0
|
JavaScript
element-ui table表格多选后再打开默认选中
element-ui table表格多选后再打开默认选中
|
资源调度 JavaScript API
【Vue2 / Vue3】 一个贼nb,贼强大的自定义打印插件
【Vue2 / Vue3】 一个贼nb,贼强大的自定义打印插件
14012 120
Element el-time-picker el-time-select 时间选择器详解
本文目录 1. 概述 2. 选择任意时间 3. 默认时间设置 4. 时间格式设置 5. 指定可选时间段 6. 选择时间点 7. 时间选择变化事件
6038 0
el-table复选框全部勾选以及勾选回显
el-table复选框全部勾选以及勾选回显
2071 0
|
小程序 JavaScript
微信小程序使用echarts图表(ec-canvas)
这篇文章介绍了在微信小程序中使用`ec-canvas`集成echarts图表的方法,包括解决加载时报错的问题、配置图表组件、以及在小程序页面中引入和使用这些图表组件的步骤。
2798 1
微信小程序使用echarts图表(ec-canvas)

热门文章

最新文章