解决 Runtime directive used on component with non-element root node. The directives will not function

问题：

控制台警告：Runtime directive used on component with non-element root node. The directives will not function as intended.

运行时指令，用于非元素根节点的组件。这些指令将无法发挥预期的作用。

解决：

查看项目里的v-show、v-if、v-loading，外面包一层template或者div

<leftCollapse v-if="device !== 'mobile'" :is-active="pureApp.sidebar.opened" @toggle-click="toggleSideBar" />
------------------改为
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/喵喵爱编程/article/detail/807494?site
推荐阅读
articleVue3+Element-plus的表单重置_vue3 elementplus表单里的重置怎么写...
1.创建表单,绑定表单数据对象model,并且每一表单需要绑定prop。作用:简化代码,重置表单数据。_vue3 ele...
                
                    赞
踩
articleJava之Spring Boot+Vue+Element UI前后端分离项目（下-功能完善-发布文章...
在面试前我花了三个月时间刷了很多大厂面试题，最近做了一个整理并分类，主要内容包括html，css，JavaScript，...
                
                    赞
踩
articlevue + element-ui 搜索组件封装_iconify-ep...
子组件：