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

news/2024/7/10 2:41:47 标签: vue, vscode

🚀 作者主页： 有来技术
🔥 开源项目： 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 没有警告了。

开源项目

  • 微服务商城项目
GithubGitee
开源组织有来开源组织有来开源组织
后端youlai-mall 📖youlai-mall 📖
前端mall-admin🌎mall-admin 🌎
移动端mall-app 🌎mall-app 🌎
  • 前后端分离项目
GithubGitee
开源组织有来开源组织有来开源组织
后端youlai-boot 📖youlai-boot 📖
前端vue3-element-admin 🌎vue3-element-admin 🌎# 开源项目

http://www.niftyadmin.cn/n/5215167.html

相关文章

关于python中的nonlocal关键字

关于python中的nonlocal关键字

如果在函数的子函数中需要调用外部变量&#xff0c;一般会看见一个nonlocal声明&#xff0c;类似下面这种&#xff1a; def outer_function():x 10def inner_function():nonlocal xx 1print(x)inner_function()outer_function()在这个例子中&#xff0c;inner_function 引用…
阅读更多...
北邮22级信通院数电：Verilog-FPGA（11）第十一周实验（2）设计一个24秒倒计时器

北邮22级信通院数电：Verilog-FPGA（11）第十一周实验（2）设计一个24秒倒计时器

北邮22信通一枚~ 跟随课程进度更新北邮信通院数字系统设计的笔记、代码和文章 持续关注作者 迎接数电实验学习~ 获取更多文章&#xff0c;请访问专栏&#xff1a; 北邮22级信通院数电实验_青山如墨雨如画的博客-CSDN博客 目录 一.代码部分 1.1 counter_24.v 1.2 divid…
阅读更多...
【C4D如何将多个选集设置为一个选集】

【C4D如何将多个选集设置为一个选集】

操作 首先&#xff0c;单击一个选集&#xff0c;将选集中的面高亮显示 接着&#xff0c;按着shift&#xff0c;点击另一个选集&#xff0c;点击右侧命令栏中的选择&#xff0c;即可多选另外的面选集&#xff0c;更多的面选集是同样的操作&#xff0c;按着SHIFT选择新的选集即…
阅读更多...
SELinux零知识学习三十一、SELinux策略语言之角色和用户（2）

SELinux零知识学习三十一、SELinux策略语言之角色和用户（2）

接前一篇文章：SELinux零知识学习三十、SELinux策略语言之角色和用户（1） 三、SELinux策略语言之类型强制 SELinux提供了一种依赖于类型强制（类型增强，TE）的基于角色的访问控制（Role-Based Access Control），角色用于组域类型和限制域类型与用户之间的关系，SELinux中的…
阅读更多...
C语言 - 基础

C语言 - 基础

C 语言 1. Hello World #include <stdio.h>int main(int argc, const char *argv[]) {printf("hello world\n");return 0; }注意: 所有的标点符号必须在英文状态下输入单词不要写错注意空格 创建 C语言 程序步骤&#xff1a; 1、创建一个文档&#xff0c;以…
阅读更多...
中国信息通信研究院发布《全球数字治理白皮书》调”转变

中国信息通信研究院发布《全球数字治理白皮书》调”转变

加gzh“大数据食铁兽”&#xff0c;回复“20231123”&#xff0c;获取材料完整版 导读 中国信息通信研究院连续第三年发布《全球数字治理白皮书》本年度报告在延续以往对全球数字治理核心议题和重要机制进展评估展望的基础上&#xff0c;首次尝试提出全球数字治理的定义和体…
阅读更多...
【JMeter】不同场景下的接口请求

【JMeter】不同场景下的接口请求

场景1: 上传文件接口即Content-Type=multipart/form-data 步骤： 1. 接口url，method以及path正常填写 2.文件上传content-type是multipart/form-data,所以可以勾选【use multipart/form-data】,如果还有其他请求头信息可以添加一个请求头元件 3.请求参…
阅读更多...
＜JavaEE＞ 线程的五种创建方法 和 查看线程的两种方式

＜JavaEE＞ 线程的五种创建方法 和 查看线程的两种方式

目录 一、线程的创建方法 1.1 继承 Thread -> 重写 run 方法 1.2 使用匿名内部类 -> 继承 Thread -> 重写 run 方法 1.3 实现 Runnable 接口 -> 重写 run 方法 1.4 使用匿名内部类 -> 实现 Runnable 接口 -> 重写 run 方法 1.5 使用 lambda 表达式 二…
阅读更多...
最新文章

Copyright @ 2022~2023