elementui-plus el-tree组件数据不显示问题解决

最新推荐文章于 2024-05-08 14:21:09 发布
最新推荐文章于 2024-05-08 14:21:09 发布
阅读量1.9k 收藏 1
点赞数
文章标签： elementui vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kuang_nu/article/details/134266960
版权

当前情况:

显示:

注意看右侧的树是没有文字的,数据已经渲染,个数是对的,但就是没有文字,

解决:

对比以后发现是template中的#default='{data}'没有写大括号导致的

所以写上大括号后:

正常显示

fury_123
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
el-select-tree:ElementUI的el-select与el-tree结合
05-07
ElementUI的el-select与el-tree结合在一起。 在线示例 用法 安装 npm install --save el-select-tree 需要element-ui 如果您的项目不使用element-ui，则需要引入一个单独的element-ui包，如下所示： import 'el-...
element-ui tree结构实现增删改自定义功能代码
10-14
Element-UI是一个基于Vue.js的开源UI组件库，它提供了丰富的组件供开发者使用，其中包括Tree组件，用于展示层级关系的数据。在描述的场景中，我们需要在Tree组件的基础上增加编辑、删除和新增节点的功能。 首先，...
vue+elementui 写el-tree时可以获取值但是不能显示解决
m0_61689817的博客
04-03 4547
el-tree
解决el-tree中default-expand-all动态加载全部不生效问题
weixin_46579829的博客
12-27 885
首先添加v-if=“refreshTree”，然后在点击事件中使用this.
el-tree中选择节点之后没有显示数据，而是在下个操作完成之后才显示，应该重新将双向绑定的之设置为null
最新发布
qq_62236405的博客
05-08 108
解决el-tree渲染不出后端数据的问题
Vivien_CC的博客
10-31 2021
今天踩了el-tree的坑！花了好多时间找不到原因，最后终于解决了！我想让后端返回的categoryName字段取代label，所以就这么写。形式，要展示的名字的字段是不是label，不是的话要在代码里设置这个，写上defaultProps来对应之后，问题解决！首先看一下接口返回的。
elementUI el-table树形结构不展示问题
热门推荐
璐先生的博客
09-11 1万+
1、必须指定row-key 2、如果子节点key名称不为children，需要配置:tree-props={children:“xxxx”}字段key， 如果key名称为children tree-props可以省略。
element ui中 el-tree、el-table组件加载数据前闪现 暂无数据 清除或修改
weixin_51688981的博客
07-08 4008
我们在使用element ui组件时， el-tree、el-table组件加载数据前会显示一个“ 暂无数据 ”，体验很不友好，我们可以将“暂无数据”修改为“正在加载中”或者直接清除； 利用el-tree 自带的empty-text属性绑定一个初始化空值，在发送接口请求前先赋值为“正在加载中”当拿到tree数据时判断数据长度，当数据长度为0时设置emptyText值为"暂无数据"即可......
element Plus el-tree-select load 懒加载时数据不回显问题
byking818的博客
04-12 2157
element Plus el-tree-select 懒加载 视图不更新
el-tree实现el-transfer(穿梭框)的效果代码（全）
04-25
1、勾选左侧的功能资源，点击【添加】，可将内容添加到右侧，并且左侧勾选的数据删除；勾选右侧的已选资源，效果同...4、后台给到的数据是：所有的资源（多维数组）和已分配的资源（一维数组，包含（半勾选）父级数据）
element-tree:自定义右键菜单等等
05-11
元素树 一个Vue.js项目 效果 构建设置 # install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for production with minification npm run build ...
vue+element-ui实现穿梭框数据自定义排序
12-05
Element-UI是基于Vue.js的一套丰富的UI组件库，其中包括了穿梭框组件，它常用于在两个列表之间进行数据的选择和移动。自定义排序功能在实际应用中十分常见，能够提升用户体验，使用户更方便地管理数据。 首先，我们...
mvc 路由增加文件夹名_vue路由及组件
weixin_39724004的博客
11-23 280
继续搞Vuejs的前端，在之前我已经在Windows系统上配置好了一个初始的vue-cli页面，目前我需要做的工作，就是开始写代码，学习增删页面，加入输入框按钮什么的。另外希望能尽快学会如何通过API取数据，感觉上，能学会这些东西，就能达到一项技术2/8原则里边那个8了。为了实现这个目的，我上网看了一系列的博客教程，照着抄了很多代码，最后都没办法用。我怀疑原因可能是大家用的版本不一样，感觉上Vue...
记录element-plus树型表格的bug
weixin_63681863的博客
02-02 838
如果数据的子节点命名时children,就没有任何问题，如果后端数据结构子节点是其他名字，比如就有bug。
el-tree-select树形选择 数据回显
weixin_46319117的博客
03-23 7999
由于用到懒加载，与一次性全部加载数据不同的是，当前只有ID，而树结构还没渲染，就会导致没有label回显。所以我们要在组件刚渲染的时候，就构造我们想要的树节点。是el-tree 和 el-select 两个组件的结合体，他们的功能都一样，其次就是一定要注意，后端返回给我们回显的数据类型和。（默认勾选的节点的 key 的数组）至关重要，（默认展开的节点的 key 的数组） 和。数组里的id是否是一样的，如果一个是。类型，也会回显不成功。
【Vue】el-select 数据回显不显示名称，只显示value不显示lable 下拉框不显不lable
guochanof的专栏
08-15 1895
el-select 数据回显不显示名称，只显示value不显示lable 下拉框不显不lable
elementUi el-tree文字显示不全解决方案 记录
weixin_56274002的博客
05-24 631
【代码】elementUi el-tree文字显示不全解决方案 记录。
el-tree树形节点过滤--不生效
2301_76607997的博客
06-01 1607
问题:树节点过滤结果不生效 组件很简单 事件也很简单 我就不多说了 我遇见的问题是因为我还做了 树 X轴 溢出显示滚动条 导致 过滤数据不变化了。解决:我这个是样式导致的 display:block这个。
elementui-plus el-form-item label属性文字颜色修改
03-25
你可以通过给 `el-form-item` 组件...注意，这种方式是直接修改 `el-form-item` 组件的样式，如果需要全局统一修改 `el-form-item` 组件的 `label` 文字颜色，建议修改 `element-ui` 主题色，具体可以参考 [官方文档]...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值