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操纵Cookie实现购物车程序
Nov 23 Javascript
JS 实现双色表格实现代码
Nov 24 Javascript
js+css在交互上的应用
Jul 18 Javascript
ajax处理php返回json数据的实例代码
Jan 24 Javascript
使用jQuery插件创建常规模态窗口登陆效果
Aug 23 Javascript
改变隐藏的input中value的值代码
Dec 30 Javascript
AngularJS快速入门
Apr 02 Javascript
jQuery实现仿路边灯箱广告图片轮播效果
Apr 15 Javascript
javascript时间戳和日期字符串相互转换代码(超简单)
Jun 22 Javascript
JavaScript中递归实现的方法及其区别
Sep 12 Javascript
js计算两个时间差 天 时 分 秒 毫秒的代码
May 21 Javascript
JS查找孩子节点简单示例
Jul 25 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
首页四格,首页五格For6.0(GBK)(UTF-8)[12种组合][9-18][版主安装测试通过]
2007/09/24 PHP
PHP开发负载均衡指南
2010/07/17 PHP
PHP编程最快明白(第一讲 软件环境和准备工作)
2010/10/25 PHP
PHP登录环节防止sql注入的方法浅析
2014/06/30 PHP
jQuery 性能优化指南(2)
2009/05/21 Javascript
javascript事件问题
2009/09/05 Javascript
通过身份证号得到出生日期和性别的js代码
2009/11/23 Javascript
Extjs学习笔记之五 一个小细节renderTo和applyTo的区别
2010/01/07 Javascript
JQUBar 基于JQUERY的柱状图插件
2010/11/23 Javascript
获取css样式表内样式的js函数currentStyle(IE),defaultView(FF)
2011/02/14 Javascript
基于Unit PNG Fix.js有时候在ie6下不正常的解决办法
2013/06/26 Javascript
Javascript基础教程之定义和调用函数
2015/01/18 Javascript
浅谈js中StringBuffer类的实现方法及使用
2016/09/02 Javascript
ComboBox(下拉列表框)通过url加载调用远程数据的方法
2017/08/06 Javascript
关于vue.js发布后路径引用的问题解决
2017/08/15 Javascript
JavaScript设计模式之调停者模式实例详解
2018/02/03 Javascript
ES6入门教程之Array.from()方法
2019/03/23 Javascript
JavaScript实现点击切换验证码及校验
2021/01/10 Javascript
[43:48]Ti4正赛第一天 VG vs NEWBEE 2
2014/07/19 DOTA
[02:01]2018完美盛典-开场舞《双子星》
2018/12/16 DOTA
常用python数据类型转换函数总结
2014/03/11 Python
Python实现的密码强度检测器示例
2017/08/23 Python
Python 给下载文件显示进度条和下载时间的实现
2020/04/02 Python
calendar在python3时间中常用函数举例详解
2020/11/18 Python
HTML5中判断用户是否正在浏览页面的方法
2014/05/03 HTML / CSS
美国精品家居用品网站:US-Mattress
2016/08/24 全球购物
毕业生自我推荐
2013/11/04 职场文书
大众服装店创业计划书范文
2014/01/01 职场文书
《争吵》教学反思
2014/02/15 职场文书
乡村文明行动实施方案
2014/03/29 职场文书
给老婆的保证书范文
2014/04/28 职场文书
2014年党支部工作总结
2014/11/13 职场文书
2015欢度元旦标语口号
2014/12/09 职场文书
企业办公室主任岗位职责
2015/04/01 职场文书
2016年大学迎新工作总结
2015/10/14 职场文书
2016七一建党节慰问信
2015/11/30 职场文书