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 全等号运算符使用说明
May 31 Javascript
js中split函数的使用方法说明
Dec 26 Javascript
浅谈JavaScript Array对象
Dec 29 Javascript
Webpack 实现 Node.js 代码热替换
Oct 22 Javascript
JS弹出窗口插件zDialog简单用法示例
Jun 12 Javascript
jQuery在ie6下无法设置select选中的解决方法详解
Sep 20 Javascript
Async Validator 异步验证使用说明
Jul 03 Javascript
基于jstree使用AJAX请求获取数据形成树
Aug 29 Javascript
Vue调试神器vue-devtools安装方法
Dec 12 Javascript
详解vue渲染函数render的使用
Dec 12 Javascript
如何进行微信公众号开发的本地调试的方法
Jun 16 Javascript
javascript实现放大镜功能
Dec 09 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 similar_text 字符串的相似性比较函数
2010/05/26 PHP
PHP生成随机字符串(3种方法)
2015/09/25 PHP
php之可变变量的实例详解
2017/09/12 PHP
PHPMAILER实现PHP发邮件功能
2018/04/18 PHP
JavaScript 学习笔记(十二) dom
2010/01/21 Javascript
javascript将数组插入到另一个数组中的代码
2013/01/10 Javascript
基于javascipt-dom编程 table对象的使用
2013/04/22 Javascript
JS验证邮箱格式是否正确的代码
2013/12/05 Javascript
基于jquery实现的自动补全功能
2015/03/12 Javascript
JavaScript在Android的WebView中parseInt函数转换不正确问题解决方法
2015/04/25 Javascript
js显示文本框提示文字的方法
2015/05/07 Javascript
Windows下用PyCharm和Visual Studio开始Python编程
2015/10/26 Javascript
Angular 根据 service 的状态更新 directive
2016/04/03 Javascript
微信js-sdk分享功能接口常用逻辑封装示例
2016/10/13 Javascript
Bootstrap select下拉联动(jQuery cxselect)
2017/01/04 Javascript
jQuery EasyUI ProgressBar进度条组件
2017/02/28 Javascript
vue实现手机号码抽奖上下滚动动画示例
2017/10/18 Javascript
nodejs结合socket.io实现websocket通信功能的方法
2018/01/12 NodeJs
node.js基于socket.io快速实现一个实时通讯应用
2019/04/23 Javascript
echarts实现折线图的拖拽效果
2019/12/19 Javascript
极简的Python入门指引
2015/04/01 Python
python操作redis的方法
2015/07/07 Python
Python pandas自定义函数的使用方法示例
2019/11/20 Python
使用python和pygame制作挡板弹球游戏
2019/12/03 Python
AmazeUI 单选框和多选框的实现示例
2020/08/18 HTML / CSS
印度领先的在线时尚商店:Koovs
2016/08/28 全球购物
COS美国官网:知名服装品牌
2019/04/08 全球购物
意大利一家专营包包和配饰的网上商店:Borse Last Minute
2019/08/26 全球购物
xml有哪些解析技术?区别是什么
2016/04/26 面试题
应聘美工求职信
2013/11/07 职场文书
促销活动方案模板
2014/02/24 职场文书
出纳员岗位职责风险
2014/03/06 职场文书
水电站项目建议书
2014/05/12 职场文书
2014年银行信贷员工作总结
2014/12/08 职场文书
Java 将PPT幻灯片转为HTML文件的实现思路
2021/06/11 Java/Android
Redis RDB技术底层原理详解
2021/09/04 Redis