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字典探测用户名工具
Oct 05 Javascript
在JS中最常看到切最容易迷惑的语法(转)
Oct 29 Javascript
js 去掉空格实例 Trim() LTrim() RTrim()
Jan 07 Javascript
jquery教程ajax请求json数据示例
Jan 13 Javascript
JavaScript中Number对象的toFixed() 方法详解
Sep 02 Javascript
jQuery Ajax 实现分页 kkpager插件实例代码
Aug 10 jQuery
vue基于element-ui的三级CheckBox复选框功能的实现代码
Oct 15 Javascript
小程序实现搜索界面 小程序实现推荐搜索列表效果
May 18 Javascript
详解Vue项目引入CreateJS的方法(亲测可用)
May 30 Javascript
node.JS的crypto加密模块使用方法详解(MD5,AES,Hmac,Diffie-Hellman加密)
Feb 06 Javascript
vue动态渲染svg、添加点击事件的实现
Mar 13 Javascript
在vue中实现echarts随窗体变化
Jul 27 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 5.3.5安装memcache注意事项小结
2011/04/12 PHP
php截取后台登陆密码的代码
2012/05/05 PHP
PHP基于自增数据如何生成不重复的随机数示例
2017/05/19 PHP
用jquery实现下拉菜单效果的代码
2010/07/25 Javascript
JS下拉缓冲菜单示例代码
2013/08/30 Javascript
js判断浏览器类型及设备(移动页面开发)
2015/07/30 Javascript
Jquery中使用show()与hide()方法动画显示和隐藏图片
2015/10/08 Javascript
2016年最热门的15 款代码语法高亮工具,美化你的代码
2016/01/06 Javascript
JS组件Bootstrap实现图片轮播效果
2016/05/16 Javascript
轻松掌握JavaScript单例模式
2016/08/25 Javascript
Jquery通过ajax请求NodeJS返回json数据实例
2016/11/08 NodeJs
easyui-combobox 实现简单的自动补全功能示例
2016/11/08 Javascript
Bootstrap基本组件学习笔记之面板(14)
2016/12/08 Javascript
jQuery实现搜索页面关键字的功能
2017/02/16 Javascript
js中的触发事件对象event.srcElement与event.target详解
2017/03/15 Javascript
js实现一个简单的数字时钟效果
2017/03/29 Javascript
vue.js动画中的js钩子函数的实现
2018/07/06 Javascript
详解微信小程序之scroll-view的flex布局问题
2019/01/16 Javascript
Vue实现搜索结果高亮显示关键字
2019/05/28 Javascript
layer设置maxWidth及maxHeight解决方案
2019/07/26 Javascript
three.js中多线程的使用及性能测试详解
2021/01/07 Javascript
python多线程编程方式分析示例详解
2013/12/06 Python
JSONLINT:python的json数据验证库实例解析
2017/11/28 Python
python 实现在一张图中绘制一个小的子图方法
2019/07/07 Python
基于FME使用Python过程图解
2020/05/13 Python
基于python判断字符串括号是否闭合{}[]()
2020/09/21 Python
HTML5实现移动端点击翻牌功能
2020/10/23 HTML / CSS
英国时尚服饰电商:Boohoo
2017/10/12 全球购物
安踏官方商城:anta.cn
2019/12/16 全球购物
JSF面试题:如何管量web层中的Bean,用什么标签。如何通过jsp页面与Bean绑定在一起进行处理?
2012/10/05 面试题
字符串str除首尾字符外的其他字符按升序排列
2013/03/08 面试题
危爆物品安全大检查大整治工作方案
2014/05/03 职场文书
经营理念口号
2014/06/21 职场文书
校园新闻稿范文
2015/07/18 职场文书
nginx请求限制配置方法
2021/07/09 Servers
java代码实现空间切割
2022/01/18 Java/Android