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

最新推荐文章于 2024-08-30 15:40:15 发布

Alexi丶

最新推荐文章于 2024-08-30 15:40:15 发布

阅读量2.6k

点赞数 3

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/weixin_45487909/article/details/139467275

版权

问题：

控制台警告：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" />
------------------改为👇🏻
<template v-if="device !== 'mobile'">
    <leftCollapse :is-active="pureApp.sidebar.opened" @toggle-click="toggleSideBar" />
</template>