vsCode 报错[vue/no-v-model-argument]e‘v-model‘ directives require no argument

在vue3中使用ui库中的组件语法v-model:value时会提示vue/no-multiple-template-rootThe 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文件中添加以下代码

（优先推荐上面两种方法）

注意：以上两种方法都需要关闭vsCode重新启动才能生效