问题描述
<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🌎# 开源项目 |