vue3 不使用根标签报错提示 [vue/no-multiple-template-root]

2,032 阅读1分钟

vue3新特性,组件现在可以有多个根节点,即片段


总所周知,在 2.x 中,不支持多根组件,当用户意外创建多根组件时会发出警告,因此,为了修复此错误,许多组件被包装在一个 <div>中。但是编写vue3代码时,出现了以下报错

报错提示如下: [vue/no-multiple-template-root] The template root requires exactly one element.

处理步骤

  • 第一步:查看编辑器是否安装vetur插件

  • 第二步:选择首选项中的设置选项

  • 第三部:搜索validation:template或者eslint,去掉勾选

此方法只是暂时去掉了校验,防止报错,后续vetur更新会兼容vue3