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