TypeError: this.$el.querySelectorAll is not a function报错

最新推荐文章于 2024-05-03 21:53:44 发布
最新推荐文章于 2024-05-03 21:53:44 发布
阅读量2.2k 收藏 1
点赞数 1
文章标签： vue.js javascript elementui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/y1815151/article/details/129700372
版权
在使用ElementUI渲染权限Tree时遇到TypeError，原因是未正确绑定default-checked-keys。问题出在静态绑定上，应改为动态绑定：:default-checked-keys，以确保功能正常运行。开发者提醒大家在编码时要细心，避免此类错误。
摘要由CSDN通过智能技术生成

在渲染权限tree时出现TypeError: this.$el.querySelectorAll is not a function

最后反复检查代码发现elementui中有个default-checked-keys   （默认勾选的节点的 key 的数组）

我们在绑定的时候一定要动态绑定也就是 :default-checked-keys

希望以后不要折磨粗心啦

毕竟是杨哥
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序报错：this.setData is not a function的解决办法
08-29
"微信小程序报错：this.setData is not a function的解决办法" 微信小程序报错：this.setData is not a function是一个常见的错误，特别是在使用微信小程序开发时。在这个错误中，this.setData变成了undefined，...
vuex 解决报错this.$store.commit is not a function的方法
10-17
当遇到 `this.$store.commit is not a function` 的错误，通常是因为在尝试调用 Vuex 中的 mutation 方法时，没有正确地配置或引用 store。 首先，我们需要确保正确安装了 Vuex。通过运行 `npm install vuex --save...
element el-table 报错 this.$el.querySelectorAll is not a function
qq_35226176的博客
04-15 1万+
原因 因为 :data 是数组 而我定义的是集合 <el-table :data="listTable" style="width: 100%"> //表格集合 listTable: {}, 修改成 ： listTable: [],
报错[Vue warn]: Error in updated hook : “TypeError:this.$el.querySelectorAll is not a function“
qq_62575539的博客
12-18 1141
[Vue warn]: Error in updated hook : "TypeError:this.$el.querySelectorAll is not a function"
正确解决TypeError: xxx is not a function异常的有效解决方法
最新发布
wbajsjhhhhh的博客
05-03 8433
正确解决TypeError: xxx is not a function异常的有效解决方法
this.$el.querySelectorAll is not a function报错解决
qq_40896145的博客
09-17 1万+
问题描述 使用el-tree时，报错this.$el.querySelectorAll is not a function，导致树无法渲染 问题解析 参考如下代码片段 <el-tree :data="treeData" show-checkbox node-key="id" ref="functionTree" ></el-tree> 此报错多为el-tree绑定的data数据不对，数据错误可分为以下两种：
[前端系列] 解决el-table导致TypeError: this.$el.querySelectorAll is not a function
程序员老狼专注开发aigc或客服系统应用
11-14 2686
当使用elemetui的时候出现了这个错误 仔细排查后发现是el-table组件的:data值初始化有问题 el-table组件的:data值必须初始化数组 如果初始化为了对象，就会出现这个错误 ...
this.$el.querySelectorAll is not a function报错问题
weixin_50723565的博客
01-25 7192
在写页面渲染的时候碰到了一个有关于elementUI和vue的渲染问题, 在使用el-table的时候 由于给 :data=“indexData” 中indexData定义赋值的时候，数值类型不对 导致这种情况，把indexData: {}, 初始化为: **indexData: []**就可以了。 ...
Uniapp的API：uni.createIntersectionObserver()之$el.querySelector is not a function报错问题解决
qq_18841969的博客
11-25 1481
1.因为开发环境是vue3,个人没有对这个组件的模板设置一个根节点，使用该API一定要对所有的元素设置一个根节点！否则该API无法获取到el节点！Uniapp+vue3场景下，开发需求要得到某el节点到视口顶部的距离，从而使用该API：(项目需求封装进了promise）但是写好后，控制台却报错：TypeError: $el.querySelector is not a function。满足二者条件，$el.querySelector is not a function这个报错就不复存在了~
Vue 报错TypeError: this.$set is not a function 的解决方法
10-17
然而，当你遇到`TypeError: this.$set is not a function`的错误时，通常是因为`this`上下文没有正确指向Vue实例。下面我们将深入探讨这个问题及其解决方案。 ### 报错场景 在开发过程中，你可能在尝试将API获取的...
解决jquery插件：TypeError:$.browser is undefined报错的方法
10-23
为大家分享了一个解决jquery插件：TypeError:$.browser is undefined报错的方法，解决报错问题的方法也很简单，需要解决此类问题的朋友不要错过这篇文章。
element el-table 报错 this.$el.querySelectorAll is not a function
ITfantingting的博客
11-26 1158
1, DOM数里 scope 拼错，检查代码，极有可能有单词拼错 <div v-if="scope.row.isEnable == 0"> 2，初始化数据，要定义数组 tableData：[]
Uncaught TypeError: this.get(…).querySelectorAll is not a function
m0_37791204的博客
05-06 1万+
Vue报错页面内容加载不全，是浏览器扩展插件导致的问题 如果浏览器安装了Vue Devtools这个插件，将插件改为点击时读取数据就OK了
vue前端页面无法加载，卡死，报错this.$el.querySelectorAll is not a function
qq_44671533的博客
10-15 5544
很可能是你使用了store,但在main.js中没有引入。检查一下是否完全引入 import store from './store' new Vue({ el: '#app', router, store, components: { App }, template: '<App/>' })
Error in mounted hook: “TypeError: element.querySelector is not a function“
watermelon
09-28 2638
Javascript教程:querySelector()方法
10-14 2650
module dom { [Supplemental, NoInterfaceObject] interface NodeSelector { Element querySelector(in DOMString selectors); NodeList querySelectorAll(in DOMString selectors); }; Document implements N
vue报错：[Vue warn]: Error in created hook (Promise/async):“...
qq_30193097的博客
06-08 4398
vue报错
vue 中选择器的使用
qq_37570710的博客
03-29 663
3. 通过 this.$el.querySelector() 方法查找。2、通过 document.querySelector() 方法查找。1、通过 $refs 属性查找。
Uncaught SyntaxError: Failed to execute 'querySelectorAll' on 'Element': '#00' is not a valid select
热门推荐
fd214333890的专栏
09-25 2万+
之前在写代码的时候遇到这么一个问题。出问题的代码是这样的 var toPage = 00; $('body').find("#" + toPage).addClass("CURRENT"); 然而在find("#" + toPage)这里出了问题 很蛋疼啊，按照自己的理解这里应该是没问题的。但是偏偏就在这里出了问题，百度了一下，找到了一个和这个有关的讲解http://www.cnblogs.
vue-video-player引入报错object(...)is not a function
07-22
这个错误通常表示你在引入vue-video-player时遇到了问题。可能的原因是你使用了不兼容的版本或者没有正确安装该插件。 首先，确保你已经正确安装了vue-video-player插件。你可以通过以下命令使用npm安装最新版本： ``` npm install vue-video-player ``` 如果你已经安装了vue-video-player，那么请检查你的代码，确保正确引入了该插件。通常，你应该在main.js或者需要使用该组件的文件中进行引入和注册。示例如下： ```javascript import Vue from 'vue' import VideoPlayer from 'vue-video-player' Vue.use(VideoPlayer) ``` 如果你正在使用Vue 3，需要使用vue-video-player的Vue 3版本。你可以通过以下命令进行安装： ``` npm install vue-video-player@next ``` 如果以上步骤都没有解决问题，那么可能是版本兼容性问题。请查阅vue-video-player插件的文档，了解插件的要求和兼容性信息，并相应地进行调整。 希望这些信息能够帮助你解决问题！如果还有其他疑问，请随时提问。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值