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

这篇具有很好参考价值的文章主要介绍了解决 VSCode 中组件输入点击事件 @click 后自动弹出“$event =>” 的问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

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

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

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

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

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

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

修改后结果如下:

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

成功关闭了 “$event =>” 的提示文章来源地址https://www.toymoban.com/news/detail-515472.html

到了这里,关于解决 VSCode 中组件输入点击事件 @click 后自动弹出“$event =>” 的问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包赞助服务器费用

相关文章

  • vue 做一个文本展示 点击文本弹出element ui的时间选择器 但不会出现element ui时间组件的那个输入框

    vue 做一个文本展示 点击文本弹出element ui的时间选择器 但不会出现element ui时间组件的那个输入框

    我们先来创建一个vue2项目 引入element ui 然后 找到一个组件 这样写 这样 我们就写出了一个基本的element ui时间选择组件 但这显然不是我们要的效果 这里我们给时间控件了一个class pickerTime 用它来控制样式 我们css部分代码这样写一下 这样 我们的组件就看不到了 先别急 然后

    2024年02月07日
    浏览(15)
  • Qt UI上的按钮和创建的按钮绑定 click 点击事件

    Qt UI上的按钮和创建的按钮绑定 click 点击事件

    如果在ui 上 的按钮 绑定点击事件,按钮鼠标右键转到槽,点击clicked(),即可创建函数。 动态创建的按钮需要 用 connect 连接

    2024年02月15日
    浏览(14)
  • Python之selenium自动化开发click()点击无效原因

    Python之selenium自动化开发click()点击无效原因

    目录 问题 解决方案 一、元素含有href属性,属性为JavaScript 二、元素含有href属性,属性为超链接 三、目标元素是输入框形式的元素 四、标签的触发区域问题 总结 每一个大学生肯定都为学习通等线上网课头疼过,所以我最近就心血来潮打算自己写一个挂课答题程序。开发到

    2024年01月22日
    浏览(47)
  • uniapp小程序点击输入框时阻止弹出软键盘

    uniapp小程序点击输入框时阻止弹出软键盘

    如果不需要监听输入框的话可以直接看解决方式3  本人如此 解决方式1:@click更换成@tap 但如果同时子元素是开关等  各需要各的功能的话  解决方式2: 使用微信官方api阻止键盘弹出  hideKeyboard() 解决方式3: 最简单暴力百分百不弹出的方法在此  设置disabled

    2024年02月12日
    浏览(48)
  • uniapp(全端兼容) - 实现点击输入框时完美顶起键盘,获取键盘高度动态计算顶起距离,解决软键盘弹出时输入框被覆盖问题,uniapp微信小程序/移动端h5网页/安卓苹果app(示例代码,一键复制

    uniapp(全端兼容) - 实现点击输入框时完美顶起键盘,获取键盘高度动态计算顶起距离,解决软键盘弹出时输入框被覆盖问题,uniapp微信小程序/移动端h5网页/安卓苹果app(示例代码,一键复制

    在uniapp小程序/h5网页网站/安卓苹果app/nvue等(全平台完美兼容)开发中,完美解决input输入框激活时软键盘从底部弹出遮挡问题,采用获取键盘高度动态计算每个平台下的弹出高度,彻底消除各平台端的弹出距离不一致、有差异的问题! 还能彻底解决软键盘顶不起来输入框的

    2024年03月14日
    浏览(188)
  • 微信小程序点击按钮在当前页面弹出一个弹窗输入数据

    微信小程序中可以使用 wx.showModal 或 wx.prompt 来在当前页面弹出一个弹窗,让用户输入数据。 使用 wx.showModal 时可以设置模态框的标题、内容和按钮文字,当用户点击确定或取消按钮时会返回一个对象,其中 confirm 属性表示用户是否点击了确定按钮,cancel 属性表示用户是否点

    2024年02月12日
    浏览(16)
  • 微信小程序web-view上覆盖原生组件,解决cover-view点击事件无法触发问题

    微信小程序web-view上覆盖原生组件,解决cover-view点击事件无法触发问题

    结合了以下文章,都没有找到办法 https://blog.csdn.net/WEIGUO19951107/article/details/94305964 https://blog.csdn.net/weixin_39461487/article/details/80075140 https://developers.weixin.qq.com/community/develop/doc/cbd33199b42aec724e54419ebe6371d7 图片显示是这个文章给我了参考,并且成功 https://blog.csdn.net/one_girl/article/deta

    2024年02月11日
    浏览(13)
  • VScode自动滚屏cin、input输入问题解决方法

    VScode自动滚屏cin、input输入问题解决方法

    VScode 是一个轻量的文本编辑器,微软出品。很多人把它作为主要开发工具写代码,因为它几乎是万能的,想要什么功能就装什么插件,可以适用于几乎任何编程语言。同时有很多主题可选,颜值较高。在笔者的使用中以下二个问题较为常见,也是非常影响使用体验的问题。一

    2024年02月04日
    浏览(7)
  • Unity UGUI事件输入,点击UI无反应

    Unity UGUI事件输入,点击UI无反应

    之前被一个特别低级的UI点击问题卡了好久,记录一下,避免之后再犯同样的错误。 UI事件输入未接受到的原因无非就几个,一一排查总能找到原因。 1、若是直接使用的unity组件中的按钮,但是点击按钮没有反应。         1)查找是否被其他UI遮挡         2)查找是否接收

    2024年04月13日
    浏览(10)
  • Vue中使用element-ui 给按钮绑定一个单击事件,实现点击按钮就弹出一个dialog对话框

    Vue中使用element-ui 给按钮绑定一个单击事件,实现点击按钮就弹出一个dialog对话框

    1.需求描述 想要实现点击一个按钮就弹出一个对话框,在对话框中可输入数据进行提交,在点击取消时对话框关闭 2.功能实现 1.创建按钮 在element中把找到按钮的代码放到div里 2.创建对话框 在element中找到dialog对话框对应的代码,把代码粘贴到对应的位置 3.对话框与按钮的绑定

    2024年01月18日
    浏览(54)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包