使用LayUI的第三方组件treeSelect，报错：Cannot read property 'getNodeByParam' of null

最新推荐文章于 2024-09-07 14:03:36 发布

with-you

最新推荐文章于 2024-09-07 14:03:36 发布

阅读量3.2k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/yoohoo1234/article/details/104953631

版权

在使用LayUI的treeSelect组件时遇到错误：Cannot read property 'getNodeByParam' of null。经过排查，问题出在一个隐藏的input框上，其类型为hidden，移除后错误消失。为解决问题，查阅了组件源码仓库（码云上的treeselect）的Issues，提供了问题解决的线索。

摘要由CSDN通过智能技术生成

之前使用treeSelect组件的时候没有发现问题，然后js一模一样复制过来，竟然报错：

Cannot read property 'getNodeByParam' of null

我检查了n多遍，然后又改了n多次引入，变量定义，还是不行，处于崩溃的边缘。后来才发现，页面定义input的时候，下面加了一个hiddren类型的input框，错误代码如下：

<div class="layui-inline">
    <label class="layui-form-label"><span style="color:#FF0000;">*</span>所属项目</label>
    <div class="layui-input-inline">
        <input id="projectTree" class="layui-input" lay-filter="projectTree">
        <input type="hidden" id="projectBelong" name="projectBelong" value="${projectInfo.projectBelong}">
        </div>
</div>

就是这个hidden类型input框影响的。

我是如何发现是这个问题的呢，我找到这个组件的下载地址：