在vue3中使用ui库中的组件语法v-model:value时会提示[vue/no-multiple-template-root]The template root requires exactly one element.
引入组件使用单标签时会提示[vue/no-multiple-template-root]“The template root requires exactly one element.
原因:
1.可能是项目引入的eslint的检验提示
2.Vetur插件的校验
解决方法:
首先,我们需要排查项目中是否用到了eslint,以及vsCode是否安装了Vetur插件,来确定问题具体出在哪里。
1.如果是eslint导致的
在.eslintrc.js
文件中添加了一段代码。
rules: {'vue/no-v-model-argument': 'off'}
2.如果是Vetur导致的
在Vetur的设置里关闭下图中的选项即可
3.如果你不确定到底是什么原因引起的,可以使用下面这种方法:package.json文件中添加以下代码
(优先推荐上面两种方法)