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实现输入框获取焦点消失文字
Apr 27 Javascript
让alert不出现弹窗的两种方法
May 18 Javascript
JS获取鼠标相对位置的方法
Sep 20 Javascript
微信小程序 Audio API详解及实例代码
Sep 30 Javascript
简单谈谈Javascript函数中的arguments
Feb 09 Javascript
详解VUE中常用的几种import(模块、文件)引入方式
Jul 03 Javascript
微信小程序中换行空格(多个空格)写法详解
Jul 10 Javascript
详解swiper在vue中的应用(以3.0为例)
Sep 20 Javascript
利用es6 new.target来对模拟抽象类的方法
May 10 Javascript
Vue项目环境搭建详细总结
Sep 26 Javascript
Vue 实现把表单form数据 转化成json格式的数据
Oct 29 Javascript
vue.js自定义组件实现v-model双向数据绑定的示例代码
Jan 08 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
ThinkPHP自动验证失败的解决方法
2011/06/09 PHP
PHP删除HTMl标签的三种解决方法
2013/06/30 PHP
PHP将回调函数作用到给定数组单元的方法
2014/08/19 PHP
PHP中addcslashes与stripcslashes函数用法分析
2016/01/07 PHP
PHP + plupload.js实现多图上传并显示进度条加删除实例代码
2017/03/06 PHP
nginx 设置多个站跨域
2021/03/09 Servers
jQuery实现模拟marquee标签效果
2015/07/14 Javascript
使用jquery给指定的table动态添加一行、删除一行
2016/10/13 Javascript
JQueryEasyUI框架下的combobox的取值和绑定的方法
2017/01/22 Javascript
vue.js前后端数据交互之提交数据操作详解
2018/04/24 Javascript
JS实现textarea通过换行或者回车把多行数字分割成数组并且去掉数组中空的值
2018/10/29 Javascript
[01:16]2014DOTA2 TI专访C9战队EE:中国五强中会占三席
2014/07/10 DOTA
[04:50]2019DOTA2高校联赛秋季赛四强集锦
2019/12/27 DOTA
[33:33]完美世界DOTA2联赛PWL S2 FTD.C vs SZ 第二场 11.27
2020/11/30 DOTA
Python中使用第三方库xlrd来写入Excel文件示例
2015/04/05 Python
浅谈Python 字符串格式化输出(format/printf)
2016/07/21 Python
Python结合ImageMagick实现多张图片合并为一个pdf文件的方法
2018/04/24 Python
在Python文件中指定Python解释器的方法
2019/02/18 Python
Pyqt5 基本界面组件之inputDialog的使用
2019/06/25 Python
pandas对dataFrame中某一个列的数据进行处理的方法
2019/07/08 Python
使用pandas读取文件的实现
2019/07/31 Python
keras 权重保存和权重载入方式
2020/05/21 Python
Python如何用wx模块创建文本编辑器
2020/06/07 Python
理解Django 中Call Stack机制的小Demo
2020/09/01 Python
python 获取字典特定值对应的键的实现
2020/09/29 Python
jupyter notebook指定启动目录的方法
2021/03/02 Python
Sephora丝芙兰澳洲官方网站:国际知名化妆品购物
2016/10/27 全球购物
HUGO BOSS美国官方网上商店:世界知名奢侈品牌
2017/08/04 全球购物
美国职棒大联盟的官方手套、球和头盔:Rawlings
2020/02/15 全球购物
白酒市场开发计划书
2014/01/09 职场文书
七年级地理教学反思
2014/01/26 职场文书
2015年基层党组织公开承诺书
2015/01/21 职场文书
2015年全民国防教育日活动总结
2015/03/23 职场文书
培训班通知
2015/04/25 职场文书
对学校的意见和建议
2015/06/04 职场文书
Python实现日志实时监测的示例详解
2022/04/06 Python