this.$el.querySelectorAll is not a function报错解决

Posted 2022-11-23 小行星125

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了this.$el.querySelectorAll is not a function报错解决相关的知识，希望对你有一定的参考价值。

问题描述
使用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数据不对，数据错误可分为以下两种：

情况一：

原因：treeData数据格式错误，
解决：检查treeData数据格式，:data绑定的数据必须为数组；

情况二：

原因：treeData数组中包含null等脏数据
解决：删除数据中的null等脏数据即可

以上是关于this.$el.querySelectorAll is not a function报错解决的主要内容，如果未能解决你的问题，请参考以下文章