解决vscode提示 [vue/no-v-model-argument] ‘v-model‘ directives require no argument.

解决VSCodeVuev-modelArgument警告
原创 已于 2024-01-04 17:37:27 修改 · 4.8k 阅读 · 8 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #javascript #前端

于 2023-03-08 16:03:05 首次发布
文章介绍了如何解决VSCode中出现的Vuev-modeldirectivesrequirenoargument的警告。方法包括禁用Vetur的特定验证设置以及在.eslintrc.js文件中调整规则。

解决vscode提示 [vue/no-v-model-argument] ‘v-model‘ directives require no argument.

一、问题展示

在这里插入图片描述

二、解决办法

1.在vscode中，打开 “文件>首选项>设置

在这里插入图片描述

2.找到右侧用户设置搜索 vetur.validation，找到 Vetur > validation:Template，取消该项的勾选设置

在这里插入图片描述

3.在项目根目录下找到 .eslintrc.js文件，未找到该文件情况下可以新创建

在该文件中添加配置

rules: {
      "vue/no-v-model-argument":  "off"
}

在这里插入图片描述

四、完美的解决了

在这里插入图片描述
链接: https://blog.youkuaiyun.com/weixin_42265534/article/details/126329943

v-model 无法更新迭代变量**本身，v-for实现多组单选互不影响
01-20
单选部分用ElementUI组件编写。 有三个地方要注意： 1.单选框绑定click事件没反应，要用组件自带的change事件绑定。 2.如果v-model绑定的是常量，那生成的多组单选，一组变化，其他组会联动一起变化。 3.v-model无法绑定迭代变量，如上图那么写就会报错： ‘v-model’ directives cannot update the iteration variable ‘i’ itself. 所以正确写法如下： 或 且 非 export default { data ()
【报警告】vscode ‘v-model‘ directives require no argument.出现红色波浪线
Effotzjw_小白慢慢踏全栈
01-10 2012
问题： vue3写法中，报了 ‘v-model’ directives require no argument的红色波浪线警告，但是这个语法是支持的 解决： 文件 -> 首选项 -> 设置 -> 搜【vetur:Validation】，Validation: Template取消勾选 重启vscode，完美解决。 ...
Vue3.2.31报错ESLint: ‘v-model‘ directives require no argument.(vue/no-v-model-argument)解决方法
QC班长的博客
04-05 1万+
最近在升级前端框架，又出现新问题，记录下。 ESLint: 'v-model' directives require no argument.(vue/no-v-model-argument) 这个错误出现在Vue3中，我绑定value这个属性，对于input标签来说，其实是v-model默认绑定的就是value，所以不需要再写一个value，开启了Eslint ， 报错如下 解决方法：把v-model后面那个value去掉，就好了 ...
[vue/no-v-model-argument] ‘v-model‘ directives require no argument.
NYX_0225的博客
10-11 140
v-model指令需要没有参数，这属于vue3写法。
【无标题】
weixin_48497705的博客
09-14 267
eslint的bug解决
vsCode 报错[vue/no-v-model-argument]e‘v-model‘ directives require no argument
qq_57229245的博客
12-19 984
在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.
解决 VS Code 提示‘v-model‘ directives require no argument.eslint(vue/no-v-model-argument)
weixin_47924965的博客
07-23 410
解决 VS Code 提示‘v-model‘ directives require no argument
[vue/no-v-model-argument] 'v-model' directives require no argument.
09-16
[vue/no-v-model-argument] 'v-model'指令不接受任何参数。 该警告是由Vue.js的ESLint规则[vue/no-v-model-argument]引起的。它表示在使用v-model指令时，不应该给它传递任何参数。 v-model是Vue.js的一个指令，...
请分析下面报错原因:ERROR Failed to compile with 1 error 16:22:41 error in ./src/pages/mlcs/NewApplication/Mlcs/Autoreposition.vue Module Error (from ./node_modules/eslint-loader/index.js): C:\Users\je14902\IdeaProjects\mlcs-web\src\pages\mlcs\NewApplication\Mlcs\Autoreposition.vue 341:78 error Parsing error: unexpected-character-in-attribute-name vue/no-parsing-error 342:79 error Parsing error: unexpected-character-in-attribute-name vue/no-parsing-error 438:5 error 'v-model' directives require no argument vue/valid-v-model 443:23 error 'v-model' directives require no argument vue/valid-v-model 455:5 error 'v-model' directives require no argument vue/valid-v-model 460:23 error 'v-model' directives require no argument vue/valid-v-model 851:21 error 'index' is not defined no-undef ✖ 7 problems (7 errors, 0 warnings) @ ./src/router/config.js 77:15-72 @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://10.107.112.67:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js babel-polyfill whatwg-fetch ./src/main.js
最新发布
11-02
438:5 error 'v-model' directives require no argument vue/valid-v-model 443:23 error 'v-model' directives require no argument vue/valid-v-model 455:5 error 'v-model' directives require no argument ...
(property) derailShow: any [vue/no-v-model-argument] 'v-model' directives require no argument.eslint-plugin-vue
05-12
这是一个 ESLint 错误，它指出在 Vue 组件中使用了带有参数的 `v-model` 指令。正确的使用方式是将 `v-model` 与一个 data 属性绑定，例如： ```html <input v-model="inputValue" /> </template> export ...
'v-model' directives require no argument vue/valid-v-model
03-22
这是一个 Vue.js 的错误提示，它表示在使用 v-model 指令时没有传递正确的参数。v-model 指令用于双向绑定表单元素和组件的数据，常见的用法是在 input、select 和 textarea 元素上使用。正确的用法是在 v-model ...
‘v-model‘ directives require no argument
qq_55873376的博客
05-22 953
关闭语法检查， 保存，再看项目，正常运行！我们可以把eslint对该插件的检查关闭。对vetur进行了eslint检查。在VScode中，打开“
解决 VS Code 提示‘v-model‘ directives require no argument.eslint(vueno-v-model-argument)
m0_54849806的博客
03-07 5663
在v-model:value=时会出现如上警告提示，查了一下，之前的解决方案都是：(试了一下，无效) 在VScode中，打开 “文件>首选项>设置” 找到右侧用户设置 搜索vetur.validation,找到下面这句vetur.validation 真正的解决办法：在.eslintrc.js文件中添加了一段代码。 rules: { ‘vue/no-v-model-argument’: ‘off’ } 红色波浪消失。 ...
解决VS code提示 [vue/no-v-model-argument] ‘v-model‘ directives require no argument.
weixin_42265534的博客
08-14 4794
vue + ts开发过程中遇到[vue/no-v-model-argument] 'v-model' directives require no argument.错误提示。找到右侧用户设置搜索 vetur.validation，找到 Vetur > validation:Template，取消该项的勾选设置。在项目根目录下找到 .eslintrc.js文件，未找到该文件情况下可以新创建。在vscode中，打开 “文件>首选项>设置”...
[vue/valid-v-model]‘v-model‘ directives require no argument.eslint-plugin-vue
qq_56465299的博客
03-24 1895
使用 element-plus^2.6.0 和 vue^3.2.13 时，使用 el-pagination 组件的 v-model:current-page 和 v-model:page-size 时 eslint 报错 [vue/valid-v-model]'v-model' directives require no argument.eslint-plugin-vue (实测功能无问题，页面正常响应，只是 eslint 红线报错)根目录 .eslintrc.js 文件中添加。
Vue脚手架报错：‘v-model‘ directives require no argument 解决方案
热门推荐
背心的博客
10-08 1万+
'v-model' directives require no argument 解决方案
‘v-model’ directives require no argument
weixin_48952990的博客
06-21 2143
v-model directives require no argument
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值