热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

如何在浏览器如chrome中审查元素时查看某个元素绑定的Vue方法?

大家都知道,在以前jq时代,可以通过在标签里加onclick之类的属性添加事件处理函数。这样的话浏览器中直接右键查看元素就可以知道绑了哪个方法,甚至可以看到这个方法在代码里哪一行。然而,在Vue出现后

大家都知道,在以前jq时代,可以通过在标签里加onclick之类的属性添加事件处理函数。这样的话浏览器中直接右键查看元素就可以知道绑了哪个方法,甚至可以看到这个方法在代码里哪一行。
然而,在Vue出现后,想知道一个按钮做了什么就变成了一个头疼的问题,在源码里写的@click='method'会被vue处理并隐藏,这样就不能直接看到按钮的动作了,还要再去源码里找,十分低效。那么问题来了,如何才能直接在浏览器中看到按钮绑定了哪一个Vue方法以及在哪一行呢?





   



推荐阅读
  • 1、Everything:速度最快最好用的文件搜索工具,可以基于文件名极速搜索、瞬间定位文件,所有匹配的文件或文件夹都会实时显示,Windows7之后为减少硬盘占用,在关闭索引功能后不能得到“即搜既 ... [详细]
  • 子元素过滤器在页面设计过程中需要突出某些行时,可以通过基本过滤选择器中的:eq()来实现表单中行的凸显,但不能同时让多个表具有相同的效果。在jQuer ... [详细]
  • 简单理解rsa的加密和签名PHP实现
    我们先动手在linux上生成一下rsaPs:openssl是一堆加密算法和安全协议的开源集合,像RSA,DES,MD5,RC4等等,都能在openssl里面找到源代码 ... [详细]
  • 结束jquery时间不长,写代码感觉很生,而且敢接写起来很费劲做点简单的总结。首先主要要先引入.juery.js文件第二一些js插件文件也要在jquer ... [详细]
  • IamcurrentlyworkingonashoppingcartapplicationusingMVC5andhavearequirementtoallowedi ... [详细]
  • PHP Warning: Module ‘modulename’ already loaded in问题解决办法【PHP】
    后端开发|php教程PHP,Warning,Module,modulename,already,loaded后端开发-php教程出现标题这样的错误大概是:充值网站源码,虚拟机下运行 ... [详细]
  • 本文介绍了Hyperledger Fabric外部链码构建与运行的相关知识,包括在Hyperledger Fabric 2.0版本之前链码构建和运行的困难性,外部构建模式的实现原理以及外部构建和运行API的使用方法。通过本文的介绍,读者可以了解到如何利用外部构建和运行的方式来实现链码的构建和运行,并且不再受限于特定的语言和部署环境。 ... [详细]
  • 本文介绍了如何按需加载elementui的部分模块,以及如何设置覆盖某些属性。通过import引入Dialog模块,并使用Vue.component进行全局设置。同时使用Vue.use引入ElementUI和VueAxios模块。通过extends进行属性覆盖设置。 ... [详细]
  • 本文介绍了在使用vue和webpack进行异步组件按需加载时可能出现的报错问题,并提供了解决方法。同时还解答了关于局部注册组件和v-if指令的相关问题。 ... [详细]
  • 单点登录(vue) 的实现及原理解析
    本文主要介绍了单点登录(vue) 的实现及原理解析。单点登录是指一个账号可以在多个系统中登录的功能,通过点击系统图标进入其他系统,无需重复登录流程。文章详细解释了如何获取返回的数据、前端如何处理token、后台如何实现登录功能以及重定向到前端页面的地址等流程。前端工作包括开发一个新页面来接收后台返回的地址并处理token。通过token进行通信,实现系统首页的重定向。 ... [详细]
  • 智能消息服务数字短信使用FAQ
    本文介绍了智能消息服务数字短信的开通流程和操作步骤,包括开通数字短信的路径、申请流程、控制台操作以及API接口对接模式。同时还介绍了数字短信模板的创建规则和要求,包括审核状态的说明和建议。 ... [详细]
  • 网络请求模块选择——axios框架的基本使用和封装
    本文介绍了选择网络请求模块axios的原因,以及axios框架的基本使用和封装方法。包括发送并发请求的演示,全局配置的设置,创建axios实例的方法,拦截器的使用,以及如何封装和请求响应劫持等内容。 ... [详细]
  • 本文记录了在vue cli 3.x中移除console的一些采坑经验,通过使用uglifyjs-webpack-plugin插件,在vue.config.js中进行相关配置,包括设置minimizer、UglifyJsPlugin和compress等参数,最终成功移除了console。同时,还包括了一些可能出现的报错情况和解决方法。 ... [详细]
  • 本文介绍了如何使用vue-awesome-swiper组件,包括在main.js中引入和使用swiper和swiperSlide组件,以及设置options和ref属性。同时还介绍了如何在模板中使用swiper和swiperSlide组件,并展示了如何通过循环渲染swipes数组中的数据,并使用picUrl属性显示图片。最后还介绍了如何添加分页器。 ... [详细]
  • 网址:https:vue.docschina.orgv2guideforms.html表单input绑定基础用法可以通过使用v-model指令,在 ... [详细]
author-avatar
能豆子314
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有