click传值vue_对vue下点击事件传参和不传参的区别详解

如下所示：

var _vm = new Vue({

data : {

btn_text1 : '点击1' ,

btn_text2 : '点击2'

methods : {

test_click1 : function (e) {

console.log('test_click1--------------------------') ;

console.log(e) ;

// 输出结果：MouseEvent {isTrusted: true, screenX: 40, screenY: 121, clientX: 40, clientY: 30, …}

console.log(e.target) ; // 输出结果：点击1

console.log('test_click1--------------------------') ;

test_click2 : function (e) {

console.log('test_click2--------------------------') ;

console.log(e) ; // 输出结果：123

console.log(e.target) ; // 输出结果：undefined

console.log('test_click2--------------------------') ;

}

}).$mount('#app');

以上这篇对vue下点击事件传参和不传参的区别详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

click传值vue_对vue下点击事件传参和不传参的区别详解相关推荐

vue 事件调用传参_对vue下点击事件传参和不传参的区别详解
如下所示: {{btn_text1}} {{btn_text2}} var _vm = new Vue({ data : { btn_text1 : '点击1' , btn_text2 : '点击2' ...
Vue下 touchstart touchend 事件无效失效解决办法
Vue下 touchstart touchend 事件无效失效解决办法 <van-button:disabled="isLoading"plaintype="inf ...
Virtual PC 2007下虚拟机与本机双XP系统实现互联与上网详解
Virtual PC 2007下虚拟机与本机双XP系统实现互联与上网详解 1.在虚拟机安装windowsXP系统 2.为了不影响用来上网的原网卡,所以我们选择在主机上装一个虚拟网卡来与虚拟机进行通信, ...
PHP的传值与引用,php 传值与传引用的区别详解
摘要腾兴网为您分享:php 传值与传引用的区别详解,掌上公交,信用管家,天翼阅读,平安知鸟等软件知识,以及k歌达人,ml2010打印机驱动,维也纳大学app,建玛特,网盘快搜,中国禁毒数字展览馆,爱 ...
vue中点击事件的写法_vue实现绑定事件的方法实例代码详解
一.前言 vuejs中的事件绑定,使用来完成的,这里函数名是定义在Vue实例中的methods对象中的,Vue实例可以直接访问其中的方法. 二.事件绑定方式 1. 直接在标签中写js方法执行方法的第 ...
vue子元素点击事件与父元素点击事件冲突子元素点击事件不触发
在vue项目中,子元素有点击事件,父元素也有点击事件,当点击子元素时往往触发的是父元素的点击事件,产生冲突,怎样解决这个问题呢? 解决方法:使用vue中的事件修饰符 vue为 v-on 提供了 .st ...
vue 自动触发点击事件
需要,点击左边的菜单,顶部菜单相应改变,但是都需要点击事件,页面进来时,默认触发点击事件方法一,vue自定义指令 directives:{trigger:{inserted(el, binging) ...
vue通过点击事件实现页面跳转
前言页面跳转,我们一般都通过路由跳转实现,通常情况下可直接使用router-link标签实现页面跳转,但是如果我们想通过点击别的标签实现页面跳转,怎么办呢?这个时候我们就要用到this.$route ...
vue中点击事件的写法_vue中的事件：原生事件与自定义事件__Vue.js
模板编译 processAttrs 对于ast attributes处理(v-on/@) 利用onRE与dirRE来捕获事件这里最重要的就是dynamic的判断,vue中可以用动态参数来命名事件名称 ...

click传值vue_对vue下点击事件传参和不传参的区别详解

click传值vue_对vue下点击事件传参和不传参的区别详解相关推荐

最新文章

热门文章