vue 事件调用 传参_Vue 事件如何传递参数?
Vue 事件如何传递参数?
事件函数参数传递:
普通参数和事件对象传递格式如下:
调用函数传参 点秋香
vue事件绑定-参数传递实例如下:
vue事件绑定-参数传递 xinbiancheng.cn
{{ num }}
直接绑定函数名称 点秋香
调用函数传参 点秋香
/*
vue事件绑定-参数传递
1、如果事件直接绑定函数名称,那么默认会传递事件对象作为事件函数的第一个参数
2、如果事件绑定函数调用,那么事件对象必须作为最后一个参数显示传递,并且事件对象的名称
必须是$event
*/
var vm = new Vue({
el:'#app',
data:{
num:0
},
methods:{
dianqiuxiang1:function(event){
//直接绑定函数名称,那么默认会传递事件对象作为事件函数的第一个参数
this.num++
console.log(event.target)
//console控制台打印为 直接绑定函数名称 点秋香
},
dianqiuxiang2:function(Who,event){
//事件绑定函数调用,那么事件对象必须作为最后一个参数显示传递
this.num++
console.log(Who)
console.log(event.target)
//console控制台打印为 hi,我是唐伯虎
// 调用函数传参 点秋香
}
}
})
vue传递参数和js使用方法差不多,注意以下两点即可:
1、如果事件直接绑定函数名称,那么默认会传递事件对象作为事件函数的第一个参数
2、如果事件绑定函数调用,那么事件对象必须作为最后一个参数显示传递,并且事件对象的名称 必须是$event
vue 事件调用 传参_Vue 事件如何传递参数?相关推荐
- vue 事件调用 传参_vue如何在父组件指定点击事件后向子组件传递参数并调用子组件的事件?...
可以给父组件写一个ref属性,父组件可以通过ref拿到子组件中的数据和方法(即例子中子组件的say方法),这样在父组件中就可以触发子组件的事件了.而父组件向子组件传参可以通过prop属性(即例子中的f ...
- vue 事件调用 传参_对vue下点击事件传参和不传参的区别详解
如下所示: {{btn_text1}} {{btn_text2}} var _vm = new Vue({ data : { btn_text1 : '点击1' , btn_text2 : '点击2' ...
- vue 分享微信传参_vue 中使用微信分享接口(简单实用)
前言 开发微信小程序时,基本上都要接入微信的SDK,而微信也提供了非常多的接口供我们去完成我们想要的功能.微信分享功能常常是我们在开发中常见的需求之一,本文将围绕微信分享接口使用展开,给自己以后碰到需 ...
- vue 分享微信传参_vue实现微信分享链接添加动态参数的方法
微信分享时 分享链接携带参数可能不是固定的 需要在分享的前一刻才知道 这里就是动态设置分享链接的基本写法 代码不是那么详尽 但大致流程如下 1.安装引用jssdk npm install --save ...
- 事件——事件绑定||事件函数传参||事件修饰符||按键修饰符||自定义按键修饰符
事件绑定 <!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8& ...
- java调用jar并传参,Java项目导出为jar包+导出第三方jar包+使用命令行调用+传参
Java项目导出为jar包+导出第三方jar包+使用命令行调用+传参 一.打包 情况1:不需要向程序传参数,并且程序没有使用第三方jar包 Eclipse上导出jar: 然后选择一个java文件作为入 ...
- vue路由传参-如何使用encodeURI加密参数
这篇文章主要介绍了vue路由传参-如何使用encodeURI加密参数,具有很好的参考价值,希望对大家有所帮助.如有错误或未考虑完全的地方,望不吝赐教 使用encodeURI加密参数 在路由切换时页面需 ...
- java与js交互,相互调用传参
随着前端技术的发展与H5的广泛使用,移动端采用native+h5的方式越来越多了,对于Android来说就涉及到java与js的交互,相互调用传参等.下面就来看一下java与js交互的简单demo. ...
- vue中路由传参方式之二(this.$router.push进行编程式路由跳转传参)
this.$router.push进行编程式路由跳转传参 router中路由配置 组件home点击传参 组件homeDetails接受参数 router中路由配置 params第一种传参路由配置 {p ...
最新文章
- Android AlertDialog设置宽度显示不正常的问题
- 青少年编程竞赛交流群周报(第038周)
- 多线程下获取随机数的王者-ThreadLocalRandom
- 移动端网站建设——一如既往地简洁大方
- Python中datetime类错误
- prometheus之DCGM监控GPU
- CompletableFuture 创建异步对象
- C++ Templates 中的一个例子
- 【技术角度看问题之一】ARM到底是个啥?
- 16F877A和24C02通信汇编语言,PIC16f877A读写24c02程序
- rabbitMQ概念详细介绍
- 【机器人技术基础】MATLAB Robotics Toolbox PUMA560 运动学正逆解
- VB中关于CommonDialog通用对话框的使用
- defer和async的区别
- win10c盘android,Win10系统C盘哪些文件可以删除?C盘无用文件都在哪?
- 【引用】男人爱你的三个细节
- SIM卡的PIN码(CHV)及对应的APDU命令
- [C++]H106OJ-第二周练习总结
- 教你如何创建一个免费的网站
- composer搭建php框架,利用 Composer 一步一步构建自己的 PHP 框架(一)——基础准备...