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 变量作用域 两个可能会被忽略的小特性
Mar 23 Javascript
jQuery的控件及事件(输入控件及回车事件)使用示例
Jul 25 Javascript
JavaScript中对象属性的添加和删除示例
May 12 Javascript
javascript 处理null及null值示例
Jun 09 Javascript
javascript学习笔记(二)数组和对象部分
Sep 30 Javascript
jQuery插件datalist实现很好看的input下拉列表
Jul 14 Javascript
JS 获取HTML标签内的子节点的方法
Sep 21 Javascript
Node.js下自定义错误类型详解
Oct 17 Javascript
在angular 6中使用 less 的实例代码
May 13 Javascript
实例详解ztree在vue项目中使用并且带有搜索功能
Aug 24 Javascript
JS常用排序方法实例代码解析
Mar 03 Javascript
Vue 实现v-for循环的时候更改 class的样式名称
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程序员的技术瓶颈分析
2011/07/17 PHP
解密ThinkPHP3.1.2版本之独立分组功能应用
2014/06/19 PHP
PHP输出两个数字中间有多少个回文数的方法
2015/03/23 PHP
PHP IDE PHPStorm配置支持友好Laravel代码提示方法
2015/05/12 PHP
PHP使用pdo连接access数据库并循环显示数据操作示例
2018/06/05 PHP
JavaScript用JQuery呼叫Server端方法示例代码
2014/09/03 Javascript
js生成验证码并直接在前端判断
2015/05/15 Javascript
极易被忽视的javascript面试题七问七答
2016/02/15 Javascript
基于jQuery实现点击列表加载更多效果
2016/05/31 Javascript
socket.io学习教程之基础介绍(一)
2017/04/29 Javascript
angularjs实现天气预报功能
2020/06/16 Javascript
JavaScript模拟实现封装的三种方式及写法区别
2017/10/27 Javascript
基于Vue 2.0 监听文本框内容变化及ref的使用说明介绍
2018/08/24 Javascript
vue 巧用过渡效果(小结)
2018/09/22 Javascript
微信小程序功能之全屏滚动效果的实现代码
2018/11/22 Javascript
Vue.js结合bootstrap前端实现分页和排序效果
2018/12/29 Javascript
微信用户访问小程序的登录过程详解
2019/09/20 Javascript
微信小程序组件生命周期的踩坑记录
2021/03/03 Javascript
[56:01]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 Effect vs EG
2018/03/31 DOTA
python pandas实现excel转为html格式的方法
2018/10/23 Python
Python和Anaconda和Pycharm安装教程图文详解
2020/02/04 Python
Django重设Admin密码过程解析
2020/02/10 Python
Python脚本打包成可执行文件过程解析
2020/10/20 Python
CSS3实例分享--超炫checkbox复选框和radio单选框
2014/09/01 HTML / CSS
荟萃全球保健品:维他购
2018/05/09 全球购物
英国在线花园中心:You Garden
2018/06/03 全球购物
英国最大的运动营养公司之一:LA Muscle
2018/07/02 全球购物
匡威英国官网:Converse英国
2018/12/02 全球购物
女士和男士时尚鞋在线购物:Shoespie
2019/02/28 全球购物
写一个函数返回1+2+3+…+n的值(假定结果不会超过长整型变量的范围)
2014/09/05 面试题
关于赌博的检讨书
2014/01/08 职场文书
技校毕业生自荐信
2014/06/03 职场文书
经济贸易专业自荐信
2014/06/11 职场文书
自我工作评价范文
2015/03/06 职场文书
狂人日记读书笔记
2015/06/30 职场文书
Pandas-DataFrame知识点汇总
2022/03/16 Python