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 相关文章推荐
基于JQuery模仿苹果桌面的Dock效果(初级版)
Oct 15 Javascript
原生js和jquery中有关透明度设置的相关问题
Jan 08 Javascript
JQuery实现动态表格点击按钮表格增加一行
Aug 24 Javascript
用NODE.JS中的流编写工具是要注意的事项
Mar 01 Javascript
Bootstrap CSS组件之输入框组
Dec 17 Javascript
详解使用vue脚手架工具搭建vue-webpack项目
May 10 Javascript
js canvas实现适用于移动端的百分比仪表盘dashboard
Jul 18 Javascript
Express系列之multer上传的使用
Oct 27 Javascript
微信小程序之自定义组件的实现代码(附源码)
Aug 02 Javascript
基于webpack4+vue-cli3项目实现换肤功能
Jul 17 Javascript
JS实现的雪花飘落特效示例
Dec 03 Javascript
js实现省级联动(数据结构优化)
Jul 17 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
PHP与SQL注入攻击[一]
2007/04/17 PHP
php中get_headers函数的作用及用法的详细介绍
2013/04/27 PHP
PHP高手需要要掌握的知识点
2014/08/21 PHP
使用GDB调试PHP代码,解决PHP代码死循环问题
2015/03/02 PHP
php检测url是否存在的方法
2015/04/14 PHP
Zend Framework动作助手FlashMessenger用法详解
2016/03/05 PHP
laravel框架邮箱认证实现方法详解
2019/11/22 PHP
用JavaScript事件串连执行多个处理过程的方法
2007/03/09 Javascript
JavaScript 异步调用框架 (Part 4 - 链式调用)
2009/08/04 Javascript
javaScript 计算两个日期的天数相差(示例代码)
2013/12/27 Javascript
Javascript封装DOMContentLoaded事件实例
2014/06/12 Javascript
jQuery实现的原图对比窗帘效果
2014/06/15 Javascript
利用vue写todolist单页应用
2016/12/15 Javascript
基于VuePress 轻量级静态网站生成器的实现方法
2018/04/17 Javascript
jQuery+datatables插件实现ajax加载数据与增删改查功能示例
2018/04/17 jQuery
Javascript Promise用法详解
2018/05/10 Javascript
微信小程序利用canvas 绘制幸运大转盘功能
2018/07/06 Javascript
js实现input密码框显示/隐藏功能
2020/09/10 Javascript
NodeJS 文件夹拷贝以及删除功能
2019/09/03 NodeJs
python生成器的使用方法
2013/11/21 Python
Python  pip安装lxml出错的问题解决办法
2017/02/10 Python
django开发之settings.py中变量的全局引用详解
2017/03/29 Python
windows下python之mysqldb模块安装方法
2017/09/07 Python
python批量设置多个Excel文件页眉页脚的脚本
2018/03/14 Python
Python多线程threading模块用法实例分析
2019/05/22 Python
pyqt弹出新对话框,以及关闭对话框获取数据的实例
2019/06/18 Python
如何在python中执行另一个py文件
2020/04/30 Python
编译 pycaffe时报错:fatal error: numpy/arrayobject.h没有那个文件或目录
2020/11/29 Python
2019年Java 最常见的 面试题
2016/10/19 面试题
委托与事件是什么关系?为什么要使用委托
2014/04/18 面试题
什么是属性访问器
2015/10/26 面试题
办公室员工岗位工作职责
2014/03/10 职场文书
活动费用申请报告
2015/05/15 职场文书
《葡萄沟》教学反思
2016/02/23 职场文书
Jupyter notebook 更改文件打开的默认路径操作
2021/05/21 Python
python编程简单几行代码实现视频转换Gif示例
2021/10/05 Python