解决 VSCode 中组件输入点击事件 @click 后自动弹出“$event =>” 的问题

文章讲述了在使用Vue时遇到@click事件后自动补全$event问题,这归因于VSCode的内联提示设置。通过修改setting.json文件,将`editor.inlayHints.enabled`设为offUnlessPressed或off,可以关闭这一自动提示功能,从而消除无法删除的$event提示。
摘要由CSDN通过智能技术生成

在 Vue 中的点击事件 @click 后会自动补全一段“$event =>”,这是 VSCode 中setting.json未设置好的缘故,具体情况如下:

如上图所示:“@click=”后面自动补全“$event =>”,无法选中并删除,鼠标移动到上面会出现如下提示:

这时候需要去设置中打开 setting.json 文件,并修改以下代码,若没有则添加进去即可:

 "editor.inlayHints.enabled":"offUnlessPressed",//默认情况下隐藏内嵌提示,并在按住 Ctrl+Alt 时显示
//或者
// "editor.inlayHints.enabled":"off",// 已禁用内嵌提示

以上操作其实是关闭 VSCode 编辑器的启用内联提示。

修改后结果如下:

成功关闭了 “$event =>” 的提示

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值