Elementplus报错 [ElOnlyChild] no valid child node found

 报错描述:ElementPlusError: [ElOnlyChild] no valid child node found

Elementplus报错 [ElOnlyChild] no valid child node found_第1张图片

问题复现(随机例子):


      
      
    
测试

上面代码中的 isClick 是 onMounted 中调用接口来获取的值,注意:无默认值的情况下才能出现问题。

出现原因:

        大概是在页面中使用了elementplus组件中的slot插槽(在插槽中加了v-if判断),执行代码的时候会去检测你的每个元素(包括子元素),渲染页面到插槽的时候,v-if判断可能还没有渲染出来,elementplus这个时候就会报出警告,提醒你这个地方可能有问题。

源码如下图:

Elementplus报错 [ElOnlyChild] no valid child node found_第2张图片

解决方法:

        在要使用slot插槽的elementplus组件外面包裹一层 template 或者div ,这样会先执行条件判断逻辑,判断逻辑成立,才会渲染包裹在里面的elementplus组件。

你可能感兴趣的:(element-ui,前端,elementplus,ElOnlyChild,no,valid)