vue-table-with-tree-grid的使用的踩坑

最新推荐文章于 2024-04-13 10:30:08 发布
最新推荐文章于 2024-04-13 10:30:08 发布
阅读量1k 收藏 2
点赞数 1
分类专栏： element-ui+vue2 文章标签： tablet
本文为博主原创文章，未经博主允许请勿转载。
本文链接：https://blog.csdn.net/qq_39704057/article/details/119820327
版权

项目使用element-ui+vue开发，见上一篇文章，需要做一个树形结构的表格，就找到了“vue-table-with-tree-grid”然后因为后端返回的数据不是嵌套结构的，就需要我们自己还加工一下，这里就为后面的坑埋下了伏笔，嵌套的子节点的字段是‘cat_list’，结果页面只渲染出来了第一层的数据，还没有报错，就因为这个问题，我花了一个上午，

 最后解决的办法是，子节点的字段必须是‘children’

然后问题就解决了

官网没有明确说明子节点字段必须是这个，但是根据目前的情况来看，子节点的字段必须是‘children’

官网链接：https://www.npmjs.com/package/vue-table-with-tree-grid

兰颜
关注
专栏目录
使用element-plus table表格中的树形数据与懒加载，解决VUE3中不能使用vue-table-with-tree-grid（黑马电商管理系统项目）
ajin711的博客
10-16 2583
vue3不能使用vue-table-with-tree-grid组件，上网搜了一下没有搜到vue3可以使用的类似组件，最后用element-plus table表格中的树形数据与懒加载解决了问题。
vue-table-with-tree-grid的使用
TodayStartWJH的博客
02-20 744
1、下载 npm i vue-table-with-tree-grid -S 2、引入(一般是使用第一个) import Vue from 'vue' import TreeTable from 'vue-table-with-tree-grid' Vue.component('tree-table', TreeTable) Or import Vue from 'vue' import ZkTable from 'vue-table-with-tree-grid' Vue.use(ZkTable)
vue-table-with-tree-grid
zhu_liu_kun的博客
02-02 226
vue-table-with-tree-grid使用
Vue中使用vue-table-with-tree-grid表格插件
12-09 657
一、下载 cnpm i -S vue-table-with-tree-grid 二、全局引入 import TreeTable from 'vue-table-with-tree-grid' Vue.component('tree-table', TreeTable) 三、使用 <template> <div> <el-card> <tree-table :border="true" :show
表格数TreeTable
qq_44631273的博客
02-06 216
表格数TreeTable npm i vue-table-with-tree-grid -S main.js中引入 import TreeTable from 'vue-table-with-tree-grid' Vue.component('tree-table',TreeTable) 使用 <tree-table :data="cateList" :columns="colum...
vue-table-with-tree-grid：用于Vue.js 2.0的表（带有tree-grid）组件。 （其样式扩展了@iView）
02-06
带树网格的VUE表 Vue.js 2.0的表格（带有树网格）组件。 （其样式扩展了 ） 例 安装 使用npm： npm i vue-table-with-tree-grid -S 或使用纱线： ...import ZkTable from 'vue-table-with-tree-grid'
vue-table-with-tree-grid使用及插件参数使用说明
ww137569622的博客
04-27 310
vue-table-with-tree-grid使用及插件参数使用说明 1.安装vue-table-with-tree-grid npm i vue-table-with-tree-grid -S 2.在main.js中引入 import ZkTable from 'vue-table-with-tree-grid' 3.在main.js中引入 注册全局组件Vue.component('tree-table', ZkTable) import BreadCrumb fr
如何使用vue-table-with-tree-grid树形表格组件
improvement
06-10 4877
如何使用vue-table-with-tree-grid树形表格组件 1.假如遇到了一个需要搭建一个树形结构的表格页面，这时候vue-table-with-tree-grid便可以派上用场。示例如下。 2.如果你是使用vue ui搭建的项目，使用时操作如下; ​ 2.1: 在vue 控制台中点击依赖->安装依赖->运行依赖->输入vue-table-with-tree-gird->点击安装 ​ 2.2:打开main.js，导入vue-table-with-tree-grid
vue中使用vue-table-with-tree-grid实现商品的分类显示（table-tree）
最新发布
2401_84092483的博客
04-13 254
前端校招精编面试解析大全点击这里获取完整版pdf查看端开发知识点，真正体系化！**[外链图片转存中…(img-SVaM7smy-1712975347378)]由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）前端校招精编面试解析大全点击这里获取完整版pdf查看。
树形表格组件vue-table-with-tree-grid的使用
qq_38210427的博客
03-16 1274
vue
vue报错：element不兼容v-solt 报Analyzer will use module sizes from stats file
weixin_45270094的博客
04-26 7815
在vue中引入vue-table-with-tree-grid出现v-slot报错 错误代码： <template slot="isok" v-slot="scope"> <i class="el-icon-success" v-if="scope.row.cat_deleted===false"></i> ...
vue-table-with-tree-grid-树形表格组件
热门推荐
gaogzhen的博客
08-18 1万+
vue-table-with-tree-grid-树形表格组件 目录 文章目录1、简介2、详解2.1、table 常用属性2.2、columns 配置3、示例***后记*** ： 内容 1、简介 应用场景：需要展示表格数据，表格数据中有分级或者树形结构的数据。 效果图示1-1： 官方地址：https://github.com/MisterTaki/vue-table-with-tree-grid,有详细使用示例。 2、详解 2.1、table 常用属性 属性名 类型 参数 默认 描述
树形表格插件 - vue-table-with-tree-grid
阿程的博客
06-16 747
vue-table-with-tree-grid 插件
vue-table-with-tree-grid树形表格组件的使用
qq_51218777的博客
09-04 854
element-ui组件库可以解决工作中的需求，但当我们需要树形结构的表格时，我们就需要第三方组件实现此功能了。 GitHub链接: 树形表格组件. 1.安装组件 npm i vue-table-with-tree-grid -S 2.在main.js文件中引入组件 //引入vue-table-with-tree-grid import ZkTable from 'vue-table-with-tree-grid' //安装vue-table-with-tree-grid Vue.use(ZkTable
Vue后台表格三级分类树形结构插件vue-table-with-tree-grid
qq_39237850的博客
04-16 2902
基于vue，如下图所示，要实现表格里面的三级分类，用vue-table-with-tree-grid插件比较好，vue-table-with-tree-grid官方说明及用法在https://github.com/MisterTaki/vue-table-with-tree-grid（本人小白一个，暂时在此为了记录一些知识），直接上代码及对应的效果图： ...
vue-table-with-tree-grid的用法
weixin_51300999的博客
03-28 633
1.在可视化面板安装依赖 点击查看详情可以查看官方的具体的官方仓储，可以参照excample的实例来使用。 2.在vscode里面导入 Vue.component注册为全局可用的组件。 3.根据文档来写就行。例子： <tree-table class="treeTable" :data="cateList" :columns="columns" :selection-type="false" ...
vue-table-with-tree-grid安装
04-10
b'vue-table-with-tree-grid'是一个Vue.js组件库，用于呈现带有树形结构的表格数据。要安装它，您可以使用npm或yarn命令安装它的依赖项，并将其导入到您的Vue.js项目之中。然后您可以使用该组件进行数据呈现和用户交互。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值