关于vxe-table树形表格的默认选中和展开行

最新推荐文章于 2024-12-16 16:00:49 发布
最新推荐文章于 2024-12-16 16:00:49 发布
阅读量883 收藏
点赞数 3
文章标签： 前端 前端框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zyc534927618/article/details/142920621
版权

背景

本人最近在敲代码的时候遇到这样一个需求，点击表格操作列的编辑按钮，进入编辑页面自动展开该工位。本以为是很简单的一个需求，结果做了半天，效果是在编辑页面关闭时自动展开该工位在论坛上找了半天还找不到原因

原因

我在实现该需要的时候想的是直接利用默认的checkRowKeys和expandRowKeys

结果这俩只会在初始化触发一次，导致了我那奇异的bug

解决方法

使用这两个来展开和选中就行了

总结

遇到问题如果找不到什么解决方法最好还是看看原组件的文档

赤羽真人
关注
vxe-grid加载页面默认表格选中第一行高亮.vue
03-29
vxe-grid加载页面默认表格选中第一行高亮.vue
vxe-table vue table 表格组件功能
10-16
vxe-table还支持展开行和树形表格功能，这使得表格可以展示更复杂的数据结构。例如，展开行功能可以将某一行的详细信息在下一行展示，而树形表格则可以展示层级关系的数据，这对于管理如组织结构这样的层级数据非常...
VXEtable展示指定行所遇到得问题
weixin_53110831的博客
02-25 7007
设置指定行展开时，通过expandRowKeys可以进行默认展开，但是只有页面初始化得时候才会触发一次。如果我们需要通过点击等事件来传递不同参数来改变所展开的行时，可以使用setRowExpand(rows, checked)。 rows指我们想要展开那一行的整条参数 也可以传递数组方式来展开多条。 checked为是否展开 试验时我传递的参数为定义的死数据 const rowObj={ id: "0044555555555555", tit: "展开
vxe-table树形结构树的一键展开和折叠卡顿--已解决
King的博客
08-07 797
使用递归每次打开节点，速度慢卡顿。
使用vxe-table 3.9.15版本默认展开全部行方法失效
最新发布
web_xb的博客
12-16 200
解决方法2：因为是tab 切换 下意识的使用的v-show做的判断 避免切换的时候 重复渲染元素造成性能浪费 ，后面换成v-if 后 table表格重新获取数据 默认展开就生效了 算是一个平时遇到的小bug，记录一下。问题描述：一个页面三个tab按钮控制，在进行中点击撤回按钮跳转到填报tab按钮菜单下，在填报按钮下生成table表数据的时候默认展开是生效的，唯独切换的时候重新获取数据，默认展开失效了。
vue封装表格实现拓展行展开行
weixin_46194350的博客
04-18 1346
vue封装表格实现拓展行展开行
vxe-tree默认展开全部，默认展开指定行。
weixin_40992252的博客
11-21 1113
rows是个数组，默认展开第一级，this.$refs['xTree'].setTreeExpand(this.treeData, true);循环this.treeData，把前两级的数据放到数组里面。展开全部：setAllTreeExpandt。默认展开指定行：setTreeExpand。
vue2版本的vxe-table选择框默认选中
front_xiaoyang的博客
07-10 1256
vxe表格默认选中
vxe table 清空勾选和默认选中
weixin_45561965的博客
10-21 933
/ 或者使用行的唯一标识（rowId）来设置。// 假设你已经有一个表格实例 table。最近在开发过程中用到了vex table。// 设置第一行的复选框为选中状态。点个关注不迷路~~~~在网上找到了相关方法。
VXETable 设置全部展开树节点时,只有第一次渲染有效,再次赋值失效的问题
干脆来碗面的博客
12-31 7473
1 现在tree-config中设置 expandAll: true <vxe-table border ref="table" resizable show-overflo :data="tableData" :edit-config="{ trigger: 'click', mode: 'cell' }" :tree-config="{ children: 'CHILDS', ex
Vue3 + vxe-table + Element Plus 实现树型表格权限树勾选、回显
sinat_35272898的博客
05-24 1059
树型表格权限树勾选、回显，数据缓存，数据筛选
vxe-table-plugin-menus::deciduous_tree: 基于 vxe-table 的表格插件，提供实用的快捷菜单集
04-13
vxe-table-plugin-menus 基于 的表格插件，提供实用的快捷菜单集 Installing npm install xe-utils vxe-table@next vxe-table-plugin-menus@next // ... import VXETable from 'vxe-table' import ...
vxe-table vue表格解决方案 v2.11.0.zip
03-27
vxe-table提供了一系列的API和指令，如`vxe.table.exportData`用于导出表格数据，`vxe.table.insert`用于插入行，`vxe.table.remove`用于删除行等。通过这些API，开发者可以方便地实现表格的各种功能。 5. **示例...
vxe-table vue表格解决方案 v4.5.20.zip
03-27
vxe-table是基于Vue.js框架的一个强大且灵活的表格解决方案，其版本v4.5.20在功能、性能和易用性上都有着出色的表现。本文将深入探讨vxe-table的核心特性、应用场景以及如何有效地使用它进行项目开发。 一、vxe-...
vue element表格默认选中表格第一行
fengxiaopeng74的博客
05-17 5211
获取数据后添加下面得代码 this.$nextTick(()=>{ this.$refs.myTable.setCurrentRow(this.baseDataList[0]) })
vue3 vxe-table 点击行，不显示选中状态，加上设置isCurrent: true就可以设置选中行的状态。
花花鱼的专栏
07-23 1117
vxe-table 点击行，不显示选中状态，加上设置isCurrent: true就可以设置选中行的状态。
Vue3 vxe-table 手写鼠标区域选中
weixin_45366616的博客
10-10 3727
手写vxe-table pro收费版本鼠标选择功能
oracle更名数据文件和移动数据文件方法之一
wanglihuhappy的专栏
04-21 144
当前本人想做的工作是将原Oracle数据库中/oracle/A1目录下的A.dbf文件移动为/oracle/B1目录下的B.dbf数据文件，为了日后忘记，将该操作步骤记录下来如下： 1.mv /oracle/A1/A.dbf /oracle/B1/B.dbf 2.sqlplus "/as sysdba" 3.startup mount 4.alter database rename f...
Vxe UI vue vxe-table 虚拟树表格的使用，流畅的渲染万级数据树结构表格
我的博客
10-24 898
Vxe UI vue vxe-table 虚拟树表格的使用，流畅的渲染万级数据树结构表格
vxe-table树形表格默认展开不生效
09-06
vxe-table是一个强大的Vue表格组件，可以支持树形表格的展示和操作。在使用vxe-table的树形表格时，如果发现默认展开不生效，可能是由于以下几个原因： 1. 数据格式不正确：vxe-table的树形表格需要使用特定的数据格式来展示树状结构。每条数据应该包含一个唯一标识符和一个父级标识符字段，以及一个子级数据数组字段。请确保数据格式正确，即每条数据有正确的父级标识符和子级数据数组字段。 2. 没有配置展开行属性：vxe-table提供了一个expand-config属性，可以配置树形表格的展开行属性。请检查是否正确配置了expand-config属性，并设置了需要默认展开的行的唯一标识符。 3. 没有正确使用默认展开方法：vxe-table提供了一个默认展开的方法expandAll()，可以用于默认展开所有行或指定的行。请检查是否正确使用了expandAll()方法。可以在组件的mounted()方法中调用该方法来实现默认展开。 4. CSS样式问题：有时，树状结构可能因为CSS样式的设置而无法正确展示。请检查是否正确设置了样式，确保树状结构能够正常展示。 总之，如果vxe-table的树形表格默认展开不生效，需要仔细检查数据格式、配置属性、使用方法和CSS样式等方面，以确保树状结构能够正确展示。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值