ElementPlusError: [ElOnlyChild] no valid child node found

于 2022-08-12 19:14:03 发布
阅读量1.4w 收藏 6
点赞数 6
分类专栏： Element js Vue 文章标签： vue.js 前端 javascript Element-Plus element
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jerryyang_2017/article/details/126310016
版权
js 同时被 3 个专栏收录
47 篇文章 3 订阅
订阅专栏
Vue
34 篇文章 0 订阅
订阅专栏
Element
13 篇文章 0 订阅
订阅专栏

今天在使用element-plus的el-tooltip 时候一直报这个错误
在这里插入图片描述
最后我查看了一下它的检测源代码
在这里插入图片描述
他会去检测你的这个子子元素，因为渲染的条件执行原因 在渲染el-tooltip的时候子元素还没有渲染出来 所以他会报错因此在里面加上一层元素就可以，我用了span进行了包裹
在这里插入图片描述

杨家八公子
关注
  • 6
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
shardingsphere 4.1.1 SQLFeatureNotSupportedException: isValid sharding-jdbc
01-15
shardingsphere 4.1.1 SQLFeatureNotSupportedException: isValid 解决办法 替换如下两个JAR sharding-jdbc-orchestration-4.1.1.jar sharding-jdbc-core-4.1.1.jar 参考下下面链接，更改源码 https://github.com/apache/shardingsphere/pull/6002/files/c191c9571ab5a2e9e6d3f0c0f84c8bb6cd36d851
Elementplus报错 [ElOnlyChild] no valid child node found
最新发布
红烧咸咸鱼
02-07 6143
Elementplus报错 [ElOnlyChild] no valid child node found
k8s Unable to connect to the server: x509: certificate is valid
05-25
k8s Unable to connect to the server: x509: certificate is valid for问题解决
jQuery中:only-child选择器用法实例
10-24
主要介绍了jQuery中:only-child选择器用法,实例分析了:only-child选择器的功能、定义及匹配父元素的唯一子元素使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
J-link V7/V8 重刷固件 jlink8 no valid processor id found错误后的跟新办法
01-25
更新失败全网都试过了 篮板的jlink8只有这样才成功 显示提示连接不上J-link no valid processor id found 一定要用2.12的版本才可 https://blog.csdn.net/zdclucky/article/details/100918697
nuclei:主动式IO和运行时系统
04-14
Nuclei：主动式IO和运行时系统 Nuclei是基于IO系统，与运行时无关，可以与任何运行时一起使用。 前摄器系统的设计原理与相匹配。 核不使用常规的React器方法。 它是完全异步的，并且以主动方式包装基于轮询的IO。...
terminate:根据进程ID终止Node.js进程（和所有子进程）
05-11
终止一种基于进程ID终止Node.js进程（和所有子进程）的极简但可靠（经过测试）的方法用法从NPM安装npm install terminate --save在您的脚本中var terminate = require ( 'terminate' ) ;terminate ( process . pid ,...
解决运行parasoft jtest 错误: 错误: No valid license (MachineId: WIN32-6c7b9803)
08-10
解决运行parasoft jtest 错误: 错误: No valid license (MachineId: WIN32-6c7b9803)
An abbreviated form of the WISC-R: Is it valid?
06-29
An abbreviated form of the WISC-R: Is it valid? 426 Psycholoyy in the Schools, October, 19;7', Vo1. 14, No. 4. In addition, in the Hamm. et al., study when the WISC-R was administered first the ...
moplog:用于 MongoDB oplog 的 Node.js 处理器
06-08
拖把 ... 它处理类型为插入、更新、删除和命令的操作。 用法 var Moplog = require ( 'moplog' ) ; // Initialize with the location of the nconf config file...// valid consumers configured, this will kick off the
dfv：带有TypeScript的node.js mvc框架
02-03
dvv基于node.js与TypeScript的MVC框架。同时支持Express与koa。想要像c＃.net mvc，LINQ一样做到从控制器层到模型与视图层完全无硬编码，就只有使用TypeScript之类的强类型语言，并且能够强大的智能感知能力，大大...
elementpluserror: [elonlychild] no valid child node found
06-28
### 回答1： 这个错误提示为"elementpluserror: [elonlychild]找不到有效的子节点"。这可能是因为在Element Plus组件中使用了el-only-child指令，但是没有找到有效的子节点来应用该指令。需要检查一下相关代码，确保正确使用了该指令并且指定了有效的子节点。 ### 回答2： 这个错误提示是Element Plus组件库中常见的错误信息之一，通常出现在使用特定的组件时。它的错误类型是elonlychild，意思是在给定的节点中并没有找到有效的子节点。这个错误信息的出现通常是因为在使用Element Plus组件库时，需要给组件传递一个子节点作为参数，但是却没有传递有效的子节点导致的。 解决这个问题的方法主要有以下几种： 1. 确认传递的子节点是有效的：检查你所传递的子节点是否有效，可能是因为没有渲染、完整或者格式错误，需要检查一下。 2. 确认要传递的子节点是否可以为空，如果不行，需要添加一个空节点：有些组件的参数里需要传递一个子节点，且不允许传递空值。在这种情况下，可以创建一个有效且无内容的空节点，用作传递的参数。 3. 确认所使用的组件是否支持子节点：有些组件不支持传入子节点，这时需要查看文档，看所使用的组件是否允许传入子节点，如果不允许标准用法就不需要传入子节点。 总之，elementpluserror: [elonlychild] no valid child node found这个错误信息是Element Plus组件库中常见的错误信息，主要是表示没有有效的子节点传给组件。如果你使用此组件时遇到这种问题，可以针对上述解决方法进行处理，解决这个问题。 ### 回答3： elementpluserror: [elonlychild] no valid child node found是Element Plus组件库中的一个错误信息，它通常出现在使用el-row组件时。 这个错误的原因可能是由于el-row组件只能包含el-col组件作为直接子节点，但实际情况中并没有找到有效的直接子节点。因此，系统无法正确渲染el-row组件中的内容，并提示这个错误信息。 解决这个错误的方法是检查el-row组件的直接子节点是否正确，确保只包含el-col组件。如果直接子节点不正确，则需要调整组件结构，使其符合el-row组件所需的要求。 另外，该错误也可能是由于在使用el-row组件时没有添加el-col组件或el-col组件的属性设置不正确所致。因此，我们需要仔细检查组件的使用方法和属性设置，以确保使用正确。 总之，elementpluserror: [elonlychild] no valid child node found是一种常见的错误信息，出现时需要仔细检查组件结构和属性设置，尝试解决问题。只有正确地使用Element Plus组件库中的组件，才能获得更好的用户体验和更高的开发效率。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值