Vue子组件监听事件中传递参数的方法
在子组件中,我们可以通过以下方式监听事件:
v-on:click="$emit('funcName',a)"
如果需要传多个参数,可以通过以下方式:
v-on:click="$emit('funcName',{a,b...})"
父组件中通过自定义事件来监听子组件的事件
比如自定义事件名称childlistener
我们通过以下方式在父组件中进行监听:
v-on:childlistener="parentMethod($event)",$event就是子组件中传过来的参数
如果子组件传过来的是一个参数,则$event等于该参数,如果传过来的是一个对象,则$event为该对象,我们可以通过对象的方式获取对应的参数,如$event.a,$event.b ...
Vue子组件监听事件中传递参数的方法的更多相关文章
- Vue之watch监听对象中某个属性的方法
		
新建 userinfo = { name: "小明", age: "18", } vue中watch监听name的方法 1. 可以结合计算属性的方法实现 { ...
 - Vue的watch监听事件
		
Vue的watch监听事件 相关Html: <!DOCTYPE html> <html lang="en"> <head> <meta c ...
 - vue子组件的自定义事件
		
父子组件的信息传递无碍就是父组件给子组件传值(props和$attrs)和父组件触发子组件的事件($emit) 之前已经谈过了父组件给子组件传值了,现在来说说父组件触发子组件的自定义事件吧-- 实际上 ...
 - UI设计篇·入门篇·简单动画的实现,透明动画/旋转动画/移动动画/缩放动画,混合动画效果的实现,为动画设置监听事件,自定义动画的方法
		
基本的动画构成共有四种:透明动画/旋转动画/移动动画/缩放动画. 配置动画的方式有两种,一种是直接使用代码来配置动画效果,另一种是使用xml文档配置动画效果 相比而言,用xml文档写出来的动画效果,写 ...
 - vue子组件使用自定义事件向父组件传递数据
		
使用v-on绑定自定义事件可以让子组件向父组件传递数据,用到了this.$emit(‘自定义的事件名称’,传递给父组件的数据) <!DOCTYPE html> <html lang= ...
 - vue.js 组件监听
		
一.在通过点击事件触发的子组件中: addCart(event) { if (!event._constructed) { return; } if (!this.food.count) { Vue. ...
 - Vue使用watch监听一个对象中的属性
		
问题描述 Vue提供了一个watch方法可以让使用者去监听某些data内的数据变动,触发相应的方法,比如 queryData: { name: '', creator: '', selectedSta ...
 - java在线聊天项目0.3版本 制作客户端窗体,实现发送按钮和回车发送信息功能,使用ActionListener监听事件中actionPerformed方法(用内部类和匿名内部类两种方法)
		
方法一,使用匿名内部类的监听方法,因方法一致代码稍冗余 package com.swift; import java.awt.BorderLayout; import java.awt.Color; ...
 - ASP.net  button类控件click事件中传递参数
		
单击Button会同时触发这两个事件,但先执行Click,后执行Command,在button控件中加上参数属性 CommandArgument='' 在click响应函数中可以用以下代码获得传递的参 ...
 
随机推荐
- Windows本地Linux虚拟机ping不通的解决办法
			
解决办法:启动虚拟机双网卡支持: 网卡1:Host-Only网络 网卡2:NAT网络 设置好以后,可以在Linux主机中ifconfig查看本地Host-Only的网络地址,与电脑中的地址应该是同一网 ...
 - Greeplum 系列(七) 权限管理
			
Greeplum 系列(七) 权限管理 一.角色管理 Role 分为用户(User)和组(Group),用户有 login 权限,组用来管理用户,一般不会有 login 权限.初始化 gp 时创建了一 ...
 - python参数Sample Code
			
import time import datetime import getopt import sys try: opts, args = getopt.getopt(sys.argv[1:], & ...
 - Caffe 议事(二):从零开始搭建 ResNet 之 网络的搭建(上)
			
3.搭建网络: 搭建网络之前,要确保之前编译 caffe 时已经 make pycaffe 了. 步骤1:导入 Caffe 我们首先在 ResNet 文件夹中建立一个 mydemo.py 的文件,本参 ...
 - CSS中float和Clear的使用
			
CSS中float和Clear的使用 本文和大家重点讨论一下CSS中Float和Clear属性的使用,一个float对象可以居左或居右,一个设置为float的对象,将根据设置的方向,左移或右移到其父容 ...
 - Oracle学习笔记(十)
			
光标(游标)概念引入 就是一个结果集(查询或者其他操作返回的结果是多个时使用)定义一个光标 cursor c1 is select ename from emp: 从光标中取值 打开光标: --ope ...
 - UVa 506 System Dependencies (细节问题)
			
题意:输入几种指令,让你进行模拟操作,指令如下: DEPEND item1 item2 (item3 ...) 安装item1需要先安装item2(.item3……) INSTALL item1 安装 ...
 - SpringMVC源码解析 - HandlerAdapter - HandlerMethodArgumentResolver
			
HandlerMethodArgumentResolver主要负责执行handler前参数准备工作. 看个例子,红色部分的id初始化,填充值就是它干的活: @RequestMapping(value ...
 - 三种调用WCF服务的代码
			
wsHttpBinding,Massage UserName认证 static void Main(string[] args) { //使用服务引用方式生成的Client调用服务,使用自动生成的配置 ...
 - 使用像素单位设置 EXCEL 列宽或行高
			
在导出 Excel 的时候, 经常要需要给列设置宽度或给行设置高度, 在使用 NPOI 或 EppPlus 等组件进行操作的时候, 列宽和行高的单位都不是像素, 好像是英寸,具体是啥也说不清. 平常在 ...