error v-on event ‘@getData‘ must be hyphenated

于 2025-01-03 15:51:21 发布
阅读量491 收藏
点赞数 1
分类专栏： git 文章标签： error v-on hyphenated commit错误
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/friend_ship/article/details/144912099
版权

背景：代码提交到暂存区时，触发eslint插件vue/v-on-event-hyphenation规则。
在Vue中，事件监听器通过v-on指令绑定，事件名称通常使用短横线命名（kebab-case）。
console错误提示如下：
在这里插入图片描述
错误代码写法：

<MyComponent @getData="getList"></MyComponent>

正确的写法：

<MyComponent @get-data="getList"></MyComponent>
Attribute 'fileNameTitle' must be hyphenated (vue/attribute-hyphenation) at src\views\components-de
郭宝的博客
05-28 4480
错误原因： 出现该错误的原因是组件的属性fileNameTitle使用了驼峰命名法，导致ESLint 检测出语法错误 解决办法： 将fileNameTitle改为file-name-title即可 ...
【NLP】 实施文本分类器
gongdiwudu的专栏
07-11 3075
让我们切入正题。构建文本分类器和理解自然语言处理 （NLP）的世界涉及很多步骤。这些步骤必须按特定顺序实施。如果数据中的目标类不平衡，则还需要执行更多步骤。从头开始学习这一切可能有点雷区。网上有很多学习资源，但事实证明，找到一个涵盖所有内容的整体指南是很棘手的。因此，我写这篇文章是希望通过 10 个简单的步骤指南为这个过程提供一些透明度。
已解决：v-on event ‘@saveApi‘ must be hyphenated
热门推荐
IU
01-21 1万+
v-on event '@saveApi' must be hyphenated 针对驼峰的错误提示，修改为连字符即可 解决方法 @saveAPI ------- > @save-api
VSCode 警告：v-on event ‘@toggleClick‘ must be hyphenated
有来技术
11-25 1644
v-on event '@xxx' must be hyphenated 警告问题原因分析和解决。
vue3 input加一个回车，直接进行查询的事件，然后提示v-on event ‘@pressEnter‘ must be hyphenated.
最新发布
花花鱼的专栏
08-08 443
将驼峰的形式，要改为-的形式，来解决提示v-on event '@pressEnter' must be hyphenated.
6.常见报错-已解决：v-on event ‘@showSizeChange‘ must be hyphenated
weixin_55181759的博客
05-11 4054
针对驼峰的错误提示，修改为连字符即可。
VUE错误码Attribute ':sizeOpts' must be hyphenated
weixin_34378922的博客
04-03 2881
Attribute ':sizeOpts' must be hyphenated 因为属性有大写，需要添加 - 来取代 例如 tampData 换成 tamp-data 就可以了 转载于:https://www.cnblogs.com/ChineseLiao/p/10650010.html...
Attribute ‘:identifyCode‘ must be hyphenated的解决方案
weixin_43896145的博客
10-20 9527
解决方式 ：因为在绑定属性的时候不允许属性为。
warning Attribute ':pageSizes' must be hyphenated vue/attribute-hyphenation
06-03
这个警告是因为 Vue.js 的属性绑定规则要求组件的属性名必须使用短横线命名法（kebab-case），而不是驼峰式命名法（camelCase）。 例如，如果你有一个组件的属性名为 pageSizes，应该改成 page-sizes。...
python-lib:固执己见的cookiecutter模板，用于创建新的Python库
05-04
python-lib cookiecutter模板 固执己见的cookiecutter模板，用于创建新的Python库 安装 您需要安装 。 我为此推荐pipx： ...hyphenated [python-lib-template-demo]: underscored [python_lib_template_demo]:
快速创建Python库：使用python-lib cookiecutter模板
在这个过程中，你需要根据提示进行输入，比如你希望创建的Python库的名称（lib_name），该库的描述（description），以及库的风格（hyphenated和underscored）。其中，库的风格有"-"和"_"两种形式可供选择，分别代表...
ESLint vue/v-on-event-hyphenation 提示错误
m0_62410131的博客
06-29 3264
请注意，具体的配置方法可能因您的ESLint版本和其他相关设置而有所不同。确保参考官方文档或相关资源以获取更准确的信息。在代码中临时禁用规则：您可以在特定位置的代码行上添加注释来临时禁用该规则。配置文件中永久禁用规则：如果您希望在整个项目中禁用该规则，可以编辑。文件（或者其他相应的配置文件）并添加一个规则配置。相关的规则，并将其设置为。
vue3 update:modelValue 线上环境报错modelValue is not defined
runOnWay的博客
03-28 7311
在使用vue3进行开发子组件显示隐藏时，我们在父组件中给子组件传递v-model:visible来标识子组件的显隐。 一般情况，父组件中代码为如下： <Child v-model="drawerVisible" ... /> 子组件，一般使用el-plus中的drawer或modal等弹出框，以下以el-drawer为例 <template> <el-drawer v-model="visible" title="..." directi
ESLint fix自动修复所有格式问题
web修理工
08-04 4086
"lint-fix": "eslint --fix --ext .js --ext .jsx --ext .vue src/ test/unit test/e2e/specs", npm run lint-fix, 转载于:https://www.cnblogs.com/it-jason/p/9164308.html
vue3子组件update:modelValue不生效问题
qq_35919264的博客
01-07 3728
这个是看到的文章 我去看了一眼，可能我跟他的问题是一样的，用event去做绑定 <ChildComponent :title=“title” @update:title = “title = $event” /> 也就是加上 @update:title = “title = $event” 测试成功
Vue的学习v-on和event
weixin_43288858的博客
03-23 1393
事件处理：v-on 完整格式： v-on:事件名=“函数名” 或 v-on:事件名=“函数名(参数……)” 缩写格式： @事件名=“函数名” 或 @事件名=“函数名(参数……)” 注意： @ 后面没有冒号 event ：函数中的默认形参，代表原生 DOM 事件 当调用的函数，有多个参数传入时，需要使用原生DOM事件，则通过 $event 作为实参传入 作用：用于监听 DOM 事件 v-on:cli...
Vue v-on的事件参数传递问题
u010234868的专栏
11-10 1314
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l.
vue 模板的本质是渲染函数
lefex的博客
12-15 852
上节内容我们学习了 Vue 组件的本质，这节内容看看 vue 模板的本质是什么。模板 - 内容的承载体Vue 在渲染组件的时候，需要使用者提供一个渲染模板或者渲染函数。渲染模板就是一个...
vue 子组件快速更改父组件prop的置 update:modelValue 
月光恋九霄的博客
02-22 9514
v-model参数 默认情况下，组件上的v-model使用modelValue作为 prop 和update:modelValue作为事件。我们可以通过向v-model传递参数来修改这些名称： <my-component v-model:foo="bar"></my-component> 在本例中，子组件将需要一个fooprop 并发出update:foo要同步的事件： const app = Vue.createApp({}) app.co...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值