treeselect点击后空白,或者点击后刷新页面,无法下拉多选,或者问题为TypeError : cannot read properties of null (reading ‘prefixCls

最新推荐文章于 2024-05-31 17:40:50 发布
最新推荐文章于 2024-05-31 17:40:50 发布
阅读量1.5k 收藏 1
点赞数 1
文章标签： npm javascript ant react
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_49111162/article/details/122097354
版权

在项目开发中,突然发现treeselect点击输入框就跳空白页,或者直接刷新页面,没有下拉的tree.打印台报错:TypeError : cannot read properties of null (reading ‘prefixCls’).但是偶然发现,一套代码,在另外一个电脑没有这bug,点击后发现可以展示tree的下拉框.
最后对比发现,是因为我的现在电脑npm和node版本过高,导致package-lock生成的依赖过高,导致部分以前的写法有问题,出现上述bug.
最后我将电脑版本从npm为8.1.0,node版本为16.13.0下降成为:npm 6.4.1,node版本为10.13.0后,bug就不复现了.

❤如果文章对您有所帮助，就在文章的右上角或者文章的末尾点个赞吧！(づ￣ 3￣)づ
❤如果喜欢比卡丘分享的文章，就给比卡丘点个关注吧！(๑′ᴗ‵๑)づ╭❤～
❤鉴于个人经验有限，所有观点及技术研点，如有异议，请直接回复讨论(请勿发表攻击言论)

拿走,不用谢!!!送人玫瑰,手留余香
在这里插入图片描述

拿鼓思谱
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Cannot read properties of null (reading ‘prefixCls‘) 问题解决
qq_45313738的博客
02-15 4684
Cannot read properties of null (reading 'prefixCls') 问题解决
使用LayUI的第三方组件treeSelect，checkNode选中节点， 报错：Cannot read property ‘getNodeByParam‘ of null
石懒猪很懒的博客
04-27 1027
之前使用treeSelect组件的时候没有发现问题，然后js一模一样复制过来，竟然报错： Cannot read property 'getNodeByParam' of null 我检查了n多遍，然后又改了n多次引入，变量定义，还是不行，处于崩溃的边缘。后来才发现，页面定义input的时候，下面加了一个hiddren类型的input框，错误代码如下： <div class="layui-inline"> <label class="layui-form-label">..
解决Uncaught TypeError: Cannot read properties of null错误
最新发布
weixin_48683052的博客
05-31 1822
当在编写JavaScript代码时，经常会遇到Uncaught TypeError: Cannot read properties of null错误。本文将介绍这个错误的原因、常见的解决方法以及如何避免它的发生。
选择下拉框报错TypeError: Cannot read properties of null (reading ‘value‘)
m0_61454228的博客
11-17 263
下拉框select报错无法读取到null值，因为v-model绑定的值初始为null，下拉框无法读取null值进行修改。因此要在赋初始值时将null值变为空字符串。
在vue table中使用treeselect 下拉内容不显示问题
c_x_m的博客
11-23 3288
table外层时，他是可以显示成功的，但当在table内部时，就显示不成功了。
treeselect放在el-table中不显示下拉数据
梦雨的博客
11-20 862
通过查看官方文档发现了一个眼熟的属性：append-to-body和 element ui 的dialog 弹框属性很像，设置为true就好，完美解决。将该组件添加append-to-body即可解决问题。
Vue 报错TypeError: this.$set is not a function 的解决方法
10-17
然而，当你遇到`TypeError: this.$set is not a function`的错误时，通常是因为`this`上下文没有正确指向Vue实例。下面我们将深入探讨这个问题及其解决方案。 ### 报错场景 在开发过程中，你可能在尝试将API获取的...
React TreeSelect 组件使用和优化 自定义折叠和展开图标+可在title后添加任意组件+优化展开或者收缩
02-06
1、自定义折叠和展开图标 2、如何在title后添加任意组件 3、如何优化展开或者收缩 https://blog.csdn.net/yalywq/article/details/128245302#comments_29931365
vue Treeselect下拉树只能选择第N级元素实现代码
10-14
在Vue开发过程中，有时我们需要对下拉树组件进行定制，以满足特定的业务需求。本文将详细介绍如何在Vue中使用`vue-treeselect`组件，实现仅允许选择第N级元素的功能。`vue-treeselect`是一个强大的多级选择器，它...
vue-treeselect：具有对Vue.js的嵌套选项支持的多选组件
02-06
具有Vue.js嵌套选项的多选组件 产品特点 支持嵌套选项的单选和多选 模糊匹配 异步搜索 延迟加载（仅在需要时加载深度选项的数据） 键盘支持（使用上箭头和下箭头键进行导航，使用Enter键选择选项，等等） 丰富的...
vue-treeSelect:vue树状下拉组件
05-11
vue-treeSelect Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build 组件效果如下: ​ 如果能满足您的需求，麻烦爹妈给一个 ...
树形状选择的下拉菜单没有数据显示，下拉有显示的时候，选择了城市之后，表单中没有显示。要有label和id(或value)
qq_51880176的博客
04-30 123
name” 为 “label”,只能是“label”，“label”在TreeSelect组件中才能获取到数据，如下图三个“label”处原来是“name”，修改为“label”即可。（取决于你的具体配置）通常用于内部处理和绑定，比如表单数据的提交或者后续的逻辑处理。，取决于组件的具体实现和属性命名）则是用于在表单或数据绑定中标识节点的唯一值。（2）树形方法处理后的地区数据--错误属性“name”（3）处理后的地区数据-正确属性“label”绑定的值通常会是该节点的。当用户选择一个节点时，
vue中 table中的treeselect 下拉框不显示
清心寡欲的博客
11-22 1984
table中的treeselect下拉数据不显示 解决方法： 增加属性 append-to-body z-index="9000" z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。table中的treeselect下拉数据不显示。
antd的工具函数getPrefixCls，获取公共前缀
weixin_45696837的博客
07-08 1933
学习antd里面获取管理类名公共前缀的一个方法
element el-select Cannot read properties of null (reading ‘parentNode‘)错误
qq_15903703的博客
10-09 8981
需要定义一个ID_INJECTION_KEY给后续组件使用，引用element-plus修改如下。
【Layui-treeSelect】Select 树状下拉 遇到的问题
aadnf的博客
04-13 721
Select 树状下拉 treeSelect.checkNode('tree', 3); 时报错 Cannot read property 'getNodeByParam' of null
Vue实现机构树上划加载,下拉刷新,数据懒加载功能
Damon_Cheung的博客
11-25 1520
基于Ant Design Vue组件treeselect实现的机构树的懒加载，模糊搜索等功能
Cannot read properties of null (reading ‘ xxx ‘ )的解决
热门推荐
weixin_48104862的博客
08-11 6万+
根据getElementById 的属性知道，他读到的是html中 标签的id ，此处报错说明我没有这个名为 tno 的Id ,所以根据这里我发现我在所需要的绑定标签中，给他的id = "type "
提示错误Cannot read properties of null (reading ‘value‘)
m0_67402125的博客
03-02 5879
出现这个错误，是因为把id获取错误，改过来便可。 <input type="text" id="txt"> var txt = document.getElementById("text");// txt写成text <body> <p> <input type="text" id="txt"> <button id="btnAdd">添加</button> </p>
vue3 使用Treeselect 报错 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'wrapperClass')
02-03
在Vue 3中使用Treeselect时出现报错"Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'wrapperClass')"，这个错误通常是由于Treeselect组件的配置或使用方式不正确导致的。 首先，确保你已经正确安装了Treeselect组件，并且在Vue项目中引入了Treeselect组件。可以通过以下命令安装Treeselect： ``` npm install vue-treeselect ``` 然后，在需要使用Treeselect的组件中，确保已经正确导入Treeselect组件： ```javascript import Treeselect from 'vue-treeselect' ``` 接下来，检查Treeselect组件的使用方式是否正确。通常，你需要在模板中使用Treeselect标签，并将数据绑定到Treeselect的value属性上。例如： ```html <template> <treeselect v-model="selectedValue" :options="treeOptions"></treeselect> </template> ``` 在上面的代码中，`selectedValue`是一个用于存储选中值的变量，`treeOptions`是一个包含选项数据的数组。 如果以上步骤都正确无误，但仍然出现报错"Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'wrapperClass')"，那么可能是Treeselect组件版本与Vue 3不兼容。请确保你使用的是与Vue 3兼容的Treeselect版本。 如果问题仍然存在，请提供更多的代码和错误信息，以便我能够更好地帮助你解决问题。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值