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 相关文章推荐
asp.net和asp下ACCESS的参数化查询
Jun 11 Javascript
Jquery Ajax.ashx 高效分页实现代码
Oct 20 Javascript
js判断iframe内的网页是否滚动到底部触发事件
Mar 18 Javascript
jQuery实现DIV层收缩展开的方法
Feb 27 Javascript
jQuery实现将页面上HTML标签换成另外标签的方法
Jun 09 Javascript
Javascript编程中几种继承方式比较分析
Nov 28 Javascript
深入理解JQuery循环绑定事件
Jun 02 Javascript
jQuery插件简单学习实例教程
Jul 01 Javascript
用vue和node写的简易购物车实现
Apr 25 Javascript
video.js 一个页面同时播放多个视频的实例代码
Nov 27 Javascript
JS为什么说async/await是generator的语法糖详解
Jul 11 Javascript
Openlayers实现图形绘制
Sep 28 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
给海燕B411配件机起死回生配上件
2021/03/02 无线电
在Windows中安装Apache2和PHP4的权威指南
2006/10/09 PHP
php函数serialize()与unserialize()用法实例
2014/11/06 PHP
PHP常用的小程序代码段
2015/11/14 PHP
PHP框架Laravel中实现supervisor执行异步进程的方法
2017/06/07 PHP
jQuery chili图片远处放大插件
2009/11/30 Javascript
JavaScript DOM事件(笔记)
2015/04/08 Javascript
JS使用eval解析JSON的注意事项分析
2015/11/14 Javascript
jquery背景跟随鼠标滑动导航
2015/11/20 Javascript
jquery获取select选中值的方法分析
2015/12/22 Javascript
浅析js绑定事件的常用方法
2016/05/15 Javascript
基于JavaScript实现树形下拉框
2016/08/10 Javascript
Angularjs 实现移动端在线测评效果(推荐)
2017/04/05 Javascript
angularjs的select使用及默认选中设置
2017/04/08 Javascript
使用ionic(选项卡栏tab) icon(图标) ionic上拉菜单(ActionSheet) 实现通讯录界面切换实例代码
2017/10/20 Javascript
利用chrome浏览器进行js调试并找出元素绑定的点击事件详解
2021/01/30 Javascript
实现Vue的markdown文档可以在线运行的方法示例
2018/12/11 Javascript
如何用RxJS实现Redux Form
2018/12/29 Javascript
vue动态绑定class的几种常用方式小结
2019/05/21 Javascript
vue+element_ui上传文件,并传递额外参数操作
2020/12/05 Vue.js
使用python BeautifulSoup库抓取58手机维修信息
2013/11/21 Python
python中的sort方法使用详解
2014/07/25 Python
Python中用Descriptor实现类级属性(Property)详解
2014/09/18 Python
利用Python自动监控网站并发送邮件告警的方法
2016/08/24 Python
使用python的pandas为你的股票绘制趋势图
2019/06/26 Python
Python os模块常用方法和属性总结
2020/02/20 Python
Python递归实现打印多重列表代码
2020/02/27 Python
Python读取Excel一列并计算所有对象出现次数的方法
2020/09/04 Python
机械电子工程专业推荐信范文
2013/11/20 职场文书
资料员的岗位职责
2013/11/20 职场文书
档案保密承诺书
2014/06/03 职场文书
关于美容院的活动方案
2014/08/14 职场文书
文明医院的标语集锦!
2019/07/24 职场文书
MySQL完整性约束的定义与实例教程
2021/05/30 MySQL
关于maven依赖 ${xxx.version}报错问题
2022/01/18 Java/Android
win10键盘驱动怎么修复?Win10键盘驱动修复小技巧
2022/04/06 数码科技