elment ui 中el-container使用不当带来的错误
控制台报的错误类型：1.[Vue warn]: Error in render: “TypeError: Cannot read property ‘length’ of undefined”2.TypeError: Cannot read property ‘length’ of undefined3.[Vue warn]: Error in mounted hook: “TypeE...
控制台报的错误类型：
1.[Vue warn]: Error in render: "TypeError: Cannot read property ‘length’ of undefined"
2.TypeError: Cannot read property ‘length’ of undefined
3.[Vue warn]: Error in mounted hook: "TypeError: this.
e
l
.
q
u
e
r
y
S
e
l
e
c
t
o
r
A
l
l
i
s
n
o
t
a
f
u
n
c
t
i
o
n
"
∗
∗
∗
∗
4.
[
V
u
e
w
a
r
n
]
:
E
r
r
o
r
i
n
r
e
n
d
e
r
:
"
T
y
p
e
E
r
r
o
r
:
s
e
l
f
.
el.querySelectorAll is not a function"** **4.[Vue warn]: Error in render: "TypeError: _self.
el.querySelectorAllisnotafunction"∗∗∗∗4.[Vuewarn]:Errorinrender:"TypeError:self.scopedSlots.default is not a function"
这四个错误，当我们看控制台时没有明确的指出代码中哪里有错误，百度也是各种各样的答案。当你看控制台报错时，有一个地方我们往往忽略。
它的意思就是我们在某个东西里面再次使用它自己，我们在自信看一下会发现，上截图：
我们发现，我们在el-container里面再次使用了它，换个比较装逼的说法叫递归使用。所以，我们找到了问题的根源，在el-container里面再次使用它。所以，我们只需要把里面的el-container及其它内部的子元素，如el-header、el-main都去掉，上面的四个问题就都能解决了。
前往低代码交流专区
更多推荐
0
0- 0
已为社区贡献3条内容
所有评论(0)