‘v-model’ directives require no argument

已于 2022-08-07 10:57:25 修改
阅读量1.9k 收藏 1
点赞数
分类专栏： 项目 文章标签： vscode 前端 vue.js
于 2022-06-21 11:15:36 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48952990/article/details/125387578
版权

做vue3项目的时候，代码提示‘v-model’ directives require no argument,项目可以正常运行

在这里插入图片描述

原因：

这是ESLint对vetur进行了eslint检查，可以把eslint对该插件的检查关闭

解决方法：

解决方法：
在VScode中，打开 “文件>首选项>设置” 找到右侧用户设置
搜索vetur.validation,找到下面这句

"vetur.validation.template": true

将true改成false

//如果没有可以直接添加该句 （将检查关闭）

"vetur.validation.template": false

在这里插入图片描述

肖肖冲鸭
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
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 ()
lxj1989-v-directives-master.zip
06-13
复制粘贴指令 v-copy 长按指令 v-longpress 输入框防抖指令 v-debounce 禁止表情及特殊字符 v-emoji 图片懒加载 v-LazyLoad 权限校验指令 v-premission 实现页面水印 v-waterMarker 拖拽指令 v-draggable
解决vscode提示 [vue/no-v-model-argument] ‘v-model‘ directives require no argument.
MISS_zhang_0110的博客
03-08 2976
【代码】解决VS code提示 [vue/no-v-model-argument] ‘v-model‘ directives require no argument.
‘v-model‘ directives require no argument
最新发布
qq_55873376的博客
05-22 429
关闭语法检查， 保存，再看项目，正常运行！我们可以把eslint对该插件的检查关闭。对vetur进行了eslint检查。在VScode中，打开“
v-model directives require no argument 解决方案
热门推荐
Gaozhengw的博客
01-12 2万+
v-model directives require no argument 是eslint对vetur插件的检查出现的问题
Vue脚手架报错：‘v-model‘ directives require no argument 解决方案
背心的博客
10-08 1万+
'v-model' directives require no argument 解决方案
解决 VS Code 提示‘v-model‘ directives require no argument.eslint(vueno-v-model-argument)
m0_54849806的博客
03-07 5201
在v-model:value=时会出现如上警告提示，查了一下，之前的解决方案都是：(试了一下，无效) 在VScode中，打开 “文件>首选项>设置” 找到右侧用户设置 搜索vetur.validation,找到下面这句vetur.validation 真正的解决办法：在.eslintrc.js文件中添加了一段代码。 rules: { ‘vue/no-v-model-argument’: ‘off’ } 红色波浪消失。 ...
Vue3.2.31报错ESLint: ‘v-model‘ directives require no argument.(vue/no-v-model-argument)解决方法
QC班长的博客
04-05 9542
最近在升级前端框架，又出现新问题，记录下。 ESLint: 'v-model' directives require no argument.(vue/no-v-model-argument) 这个错误出现在Vue3中，我绑定value这个属性，对于input标签来说，其实是v-model默认绑定的就是value，所以不需要再写一个value，开启了Eslint ， 报错如下 解决方法：把v-model后面那个value去掉，就好了 ...
v-model-demo:双向数据绑定源码简易实现
03-23
3. **指令系统（Directives）**：`v-model`实际上是一个指令，Vue的指令系统允许我们定义自定义的HTML属性，扩展HTML的功能。在这里，`v-model`指令会处理元素的值，并将其与Vue实例中的数据属性关联。 4. **编译...
vue中v-model的应用及使用详解
12-01
在 Vue 中，`v-model` 指令用于实现视图与模型之间的双向数据绑定，使得用户界面（UI）的变动可以同步反映到数据模型上，反之亦然。这与 jQuery 等传统库中的数据绑定方式有所不同，Vue 的 `v-model` 提供了一种更...
eslint-plugin-react-directives:babel-plugin-react-directives的一些规则
05-01
eslint-plugin-react-directives 一些规则。 安装 您首先需要安装 ： $ npm i eslint --save-dev 接下来，安装eslint-plugin-react-directives ： $ npm install eslint-plugin-... " react-directives/no-undef " :
[vue/valid-v-model]‘v-model‘ directives require no argument.eslint-plugin-vue
qq_56465299的博客
03-24 785
使用 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 文件中添加。
Vue3的 v-model directives require no argument 解决方案
闲岁的博客
01-28 8966
最近学习vue3.0，用的vscode，使用的是vetur的插件，一直提示报错：‘v-model’ directives require no argument ，虽然项目可以正常运行，但是强迫症表示看着红杠头疼，最后发现其实是eslint的功能，eslint对vetur的检查出现的问题。 问题截图: 解决方法： 在VScode中，打开 “文件>首选项>设置”，然后搜索Eslint，找到 Eslint: Validate 部分： 然后点击 在 setting.json 中编辑，打开后会自.
解决vue3报 v-model directives require no argument 警告
weixin_56143175的博客
03-12 4617
出现报错 “v-model directives require no argument ” 时候： 在 settings.json 文件中添加 “vetur.validation.template”:false vetur.validation.template”:false 如果并没有起作用，就使用第二种方法 在 .eslintrc.js 文件里面加入 “vue/no-v-model-argument”: “off” "vue/no-v-model-argument": "off" 最后波浪
Vue （ 第3篇教程 v-model数据双向绑定）
程序猿小白的博客
08-12 352
1、数据双向绑定：Vue是一个mvvm框架，核心的功能就是双向的数据绑定。就是说当数据发生变化的时候，视图也发生变化，当视图发生变化的时候，数据也会跟着同步变化。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>v-model</ti...
v-for、v-model、v-show、v-on小黄记事本案例
m0_44974944的博客
09-25 199
v-for、v-model、v-show、v-on小黄记事本案例 响应式数组方法： push()添加 pop()删除数组最后一个元素 shift()删除数组的第一个元素 unshift()在数组最前面添加元素 splice()的作用：删除元素，插入元素，替换元素。 删除元素：第二个参数传入要删的几个元素（如果没有将删除后面所有元素）。 替换元素：第二个参数，表示我们要替换几个元素，后面的用于替换前面的元素。 插入元素：第二个参数，传入数据，并且后面要插入的元素。 sort(
解决VS code提示 [vue/no-v-model-argument] ‘v-model‘ directives require no argument.
weixin_42265534的博客
08-14 3834
vue + ts开发过程中遇到[vue/no-v-model-argument] 'v-model' directives require no argument.错误提示。找到右侧用户设置搜索 vetur.validation，找到 Vetur > validation:Template，取消该项的勾选设置。在项目根目录下找到 .eslintrc.js文件，未找到该文件情况下可以新创建。在vscode中，打开 “文件>首选项>设置”...
解决 VS Code 提示‘v-model‘ directives require no argument.eslint(vue/no-v-model-argument)
bestyellow的专栏
11-17 7914
在v-model:value=时会出现如上警告提示，查了一下，之前的解决方案都是：(试了一下，无效) 在VScode中，打开 “文件>首选项>设置” 找到右侧用户设置 搜索vetur.validation,找到下面这句vetur.validation 真正的解决办法：在.eslintrc.js文件中添加了一段代码。 rules: { 'vue/no-v-model-argument': 'off' } 红色波浪消失。 ...
[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的一个指令，...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值