最近在升级前端框架,又出现新问题,记录下。

ESLint: 'v-model' directives require no argument.(vue/no-v-model-argument)

Vue3.2.31报错ESLint: ‘v-model‘ directives require no argument.(vue/no-v-model-argument)解决方法_vue.js

这个错误出现在我调用自己封装的选择框组件,升级后又出现问题了,绑定value这个属性,报这个错误。

这时解决方法是直接在package.json文件中eslintConfig配置项关闭vue/no-v-model-argument的规则就行了,也不用在单独添加个​.eslintrc.js配置文件

"vue/no-v-model-argument": 0

规则等级:0,代表关闭,1代表警告,2代表错误。

Vue3.2.31报错ESLint: ‘v-model‘ directives require no argument.(vue/no-v-model-argument)解决方法_Vue3_02

这样就解决了,重新启动,回复正常。

情况二:

如果你是输入框遇到这个错误,对于input标签来说,其实是v-model默认绑定的就是value,所以不需要再写一个value

解决方法:把v-model后面那个value去掉,就好了

Vue3.2.31报错ESLint: ‘v-model‘ directives require no argument.(vue/no-v-model-argument)解决方法_前端框架_03

 参考文献:

0、​​v-model argument is not supported on plain elements 和 ‘v-model‘ directives require no argument.​

1、解决 VS Code 提示‘v-model‘ directives require no argument.eslint(vueno-v-model-argument)