VSCode 警告：v-on event ‘@toggleClick‘ must be hyphenated

作者主页： 有来技术
开源项目： youlai-mall vue3-element-admin youlai-boot
仓库主页： Gitee Github GitCode
欢迎点赞 收藏 ⭐留言 如有错误敬请纠正！

问题描述

 <SidebarCollapse :isActive="isCollapse" @toggleClick="toggleSideBar" />

VSCode 警告 v-on event '@toggleClick' must be hyphenated

原因分析

参考：https://eslint.vuejs.org/rules/v-on-event-hyphenation.html

eslint-plugin-vue 强制自定义组件的 v-on 事件命名使用连字符，驼峰不符合规范而出现警告。

解决方案

使用连字符替换驼峰的命名。

 <SidebarCollapse :isActive="isCollapse" @toggle-click="toggleSideBar" />

VSCode 没有警告了。

开源项目

• 微服务商城项目

	Github	Gitee
开源组织	有来开源组织	有来开源组织
后端	youlai-mall	youlai-mall
前端	mall-admin	mall-admin
移动端	mall-app	mall-app

• 前后端分离项目

	Github	Gitee
开源组织	有来开源组织	有来开源组织
后端	youlai-boot	youlai-boot
前端	vue3-element-admin	vue3-element-admin # 开源项目