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

本文涉及的产品
模型在线服务 PAI-EAS,A10/V100等 500元 1个月
模型训练 PAI-DLC,100CU*H 3个月
交互式建模 PAI-DSW,每月250计算时 3个月
简介: 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

相关文章
|
前端开发
【前端】elementUI表格根据状态显示不同的字体颜色
【前端】elementUI表格根据状态显示不同的字体颜色
339 1
|
4月前
Axure 表格中根据条件设置不同的字体样式--中继器
Axure 表格中根据条件设置不同的字体样式--中继器
87 0
|
5月前
Element UI 多选表格【翻页多选】简易版(不支持翻页多选数据反显)
Element UI 多选表格【翻页多选】简易版(不支持翻页多选数据反显)
132 0
Element UI 多选表格【翻页多选】简易版(不支持翻页多选数据反显)
|
5月前
Element UI 多选表格【翻页多选】全能版(含翻页多选数据反显、toggleRowSelection失效的原因解析和解决方案)
Element UI 多选表格【翻页多选】全能版(含翻页多选数据反显、toggleRowSelection失效的原因解析和解决方案)
378 0
|
7月前
|
前端开发 JavaScript 开发者
< elementUi 下拉选择框组件 树状部门选择( 多选/单选 )>
在前端开发中,为解决ElementUI缺少处理树状数据选择的Select组件问题,封装了一个Vue子组件`SelectTree`。组件支持单选和多选,具备搜索功能和懒加载特性。单选示例展示了如何展示树状部门数据,而多选则增加了已选内容的取消功能。此外,还新增了根据等级限制选择的功能。文章提供了详细的代码实现和效果截图,对需要此类组件的开发者具有参考价值。
230 1
< elementUi 下拉选择框组件 树状部门选择( 多选/单选 )>
|
7月前
elementui实现表格单选功能
elementui实现表格单选功能
|
7月前
|
前端开发
Element常用组件—表格、表单、对话框和分页工具条
Element常用组件—表格、表单、对话框和分页工具条
185 0
|
前端开发 JavaScript
|
搜索推荐
【Axure教程】自定义显示隐藏的中继器表格
【Axure教程】自定义显示隐藏的中继器表格
【Axure教程】自定义显示隐藏的中继器表格

热门文章

最新文章