vue 子组件向父组件传值方法


Posted in Javascript onFebruary 26, 2018

子组件注册触发事件,父组件注册 触发子组件事件后的方法写在method里面

父组件这么写

<component-a v-on:child-say="listenToMyBoy"></component-a>
<p>Do you like me? {{childWords}}</p>
 methods: {
   listenToMyBoy: function (somedata){
    this.childWords = somedata
   }
  }

子组件component-a这么写

<button v-on:click="onClickMe">like!</button>
methods: {
  onClickMe: function(){
  this.$emit('child-say',this.somedata);
  }
 }

以上这篇vue 子组件向父组件传值方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript 工具库 Cloudgamer JavaScript Library v0.1 发布
Oct 29 Javascript
获得所有表单值的JQuery实现代码[IE暂不支持]
May 24 Javascript
js设置function参数默认值(适合没有传参情况)
Feb 24 Javascript
JavaScript实现自动生成网页元素功能(按钮、文本等)
Nov 21 Javascript
JavaScript中cookie工具函数封装的示例代码
Oct 11 Javascript
javascript实现一个网页加载进度loading
Jan 04 Javascript
JS获取子、父、兄节点方法小结
Aug 14 Javascript
vue 粒子特效的示例代码
Sep 19 Javascript
解决ie img标签内存泄漏的问题
Oct 13 Javascript
Vue+Element实现动态生成新表单并添加验证功能
May 23 Javascript
JavaScript字符串转数字的简单实现方法
Nov 27 Javascript
JavaScript实现简单计时器
Jun 22 Javascript
vue2 前端搜索实现示例
Feb 26 #Javascript
vue使用$emit时,父组件无法监听到子组件的事件实例
Feb 26 #Javascript
vue的全局提示框组件实例代码
Feb 26 #Javascript
Angular4 ElementRef的应用
Feb 26 #Javascript
vue cli构建的项目中请求代理与项目打包问题
Feb 26 #Javascript
vue-cli webpack模板项目搭建及打包时路径问题的解决方法
Feb 26 #Javascript
vue bus全局事件中心简单Demo详解
Feb 26 #Javascript
You might like
overlord人气高涨,却被菲利普频繁举报,第四季很难在国内上映
2020/05/06 日漫
mysql5详细安装教程
2007/01/15 PHP
php 使用post,get的一种简洁方式
2010/04/25 PHP
WordPress中创建用户角色的相关PHP函数使用详解
2015/12/25 PHP
JQuery为textarea添加maxlength属性并且兼容IE
2013/04/25 Javascript
js兼容的placeholder属性详解
2013/08/18 Javascript
文本框回车提交与禁止提交示例
2013/09/27 Javascript
JavaScript对数字的判断与处理实例分析
2015/02/02 Javascript
jQuery div拖拽用法实例
2016/01/14 Javascript
jQuery实现根据生日计算年龄 星座 生肖
2016/11/23 Javascript
微信小程序 require机制详解及实例代码
2016/12/14 Javascript
js导出Excel表格超出26位英文字符的解决方法ES6
2017/11/15 Javascript
ES6函数实现排它两种写法解析
2020/05/13 Javascript
js实现扫雷源代码
2020/11/27 Javascript
[55:03]完美世界DOTA2联赛PWL S2 LBZS vs FTD.C 第二场 11.20
2020/11/20 DOTA
python 解析XML python模块xml.dom解析xml实例代码
2014/02/07 Python
基于python进行桶排序与基数排序的总结
2018/05/29 Python
Python DataFrame 设置输出不显示index(索引)值的方法
2018/06/07 Python
判断python字典中key是否存在的两种方法
2018/08/10 Python
python实现简单五子棋游戏
2019/06/18 Python
详解Python 调用C# dll库最简方法
2019/06/20 Python
从pandas一个单元格的字符串中提取字符串方式
2019/12/17 Python
使用Python的Turtle库绘制森林的实例
2019/12/18 Python
python通过文本在一个图中画多条线的实例
2020/02/21 Python
python使用scapy模块实现ping扫描的过程详解
2021/01/21 Python
CSS3绘制六边形的简单实现
2016/08/25 HTML / CSS
基于MUI框架使用HTML5实现的二维码扫描功能
2018/03/01 HTML / CSS
外贸销售员求职的自我评价
2013/11/23 职场文书
教师专业自荐书范文
2014/02/10 职场文书
模具专业毕业推荐信
2014/03/08 职场文书
大学生应聘求职信
2014/05/26 职场文书
品牌服务方案
2014/06/03 职场文书
2014优秀大学生简历自我评价
2014/09/15 职场文书
2016年党员承诺书范文
2016/03/24 职场文书
村党总支部公开承诺书2016
2016/03/25 职场文书
Navicat Premium自定义 sql 标签的创建方式
2022/09/23 数据库