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 🌎# 开源项目