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 相关文章推荐
图片自动缩小的js代码,用以防止图片撑破页面
Mar 12 Javascript
url 特殊字符 传递参数解决方法
Jan 01 Javascript
Javascript中的Array数组对象详谈
Mar 03 Javascript
jquerymobile局部渲染的各种刷新方法小结
Mar 05 Javascript
生成二维码方法汇总
Dec 26 Javascript
JavaScript实现自动对页面上敏感词进行屏蔽的方法
Jul 27 Javascript
javascript实现加载xml文件的方法
Nov 24 Javascript
谈谈基于iframe、FormData、FileReader三种无刷新上传文件的方法
Dec 03 Javascript
JS 日期与时间戮相互转化的简单实例
Jun 22 Javascript
jQuery基于Ajax实现读取XML数据功能示例
May 31 jQuery
@angular前端项目代码优化之构建Api Tree的方法
Dec 24 Javascript
vue实现弹幕功能
Oct 25 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
全国FM电台频率大全 - 17 湖北省
2020/03/11 无线电
php数据入库前清理 注意php intval与mysql的int取值范围不同
2010/12/12 PHP
php代码运行时间查看类代码分享
2011/08/06 PHP
Linux(CentOS)下PHP扩展PDO编译安装的方法
2016/04/07 PHP
php强制下载文件函数
2016/08/24 PHP
CentOS 上搭建 PHP7 开发测试环境
2017/02/26 PHP
php实现的PDO异常处理操作分析
2018/12/27 PHP
通过Unicode转义序列来加密,按你说的可以算是混淆吧
2007/05/06 Javascript
JQuery与iframe交互实现代码
2009/12/24 Javascript
jquery获取ASP.NET服务器端控件dropdownlist和radiobuttonlist生成客户端HTML标签后的value和text值
2010/06/28 Javascript
jquery搜索框效果实现方法
2015/01/16 Javascript
详解Vue中添加过渡效果
2017/03/20 Javascript
js 根据对象数组中的属性进行排序实现代码
2019/09/12 Javascript
Openlayers实现地图全屏显示
2020/09/28 Javascript
在Python中使用SimpleParse模块进行解析的教程
2015/04/11 Python
Python中time模块和datetime模块的用法示例
2016/02/28 Python
对Python信号处理模块signal详解
2019/01/09 Python
python3实现表白神器
2019/04/09 Python
基于python的socket实现单机五子棋到双人对战
2020/03/24 Python
打包python 加icon 去掉cmd黑窗口方法
2019/06/24 Python
Python3环境安装Scrapy爬虫框架过程及常见错误
2019/07/12 Python
python使用writerows写csv文件产生多余空行的处理方法
2019/08/01 Python
python中struct模块之字节型数据的处理方法
2019/08/27 Python
python subprocess pipe 实时输出日志的操作
2020/12/05 Python
美国知名运动产品零售商:Foot Locker
2016/07/23 全球购物
远程学习的教学用品和家庭学习资源:Really Good Stuff
2020/04/27 全球购物
毕业生教师求职信
2013/10/20 职场文书
法律工作求职自荐信
2013/10/31 职场文书
公司综合部的成员自我评价分享
2013/11/05 职场文书
企业总经理岗位职责
2014/02/13 职场文书
大学生个人自荐信样本
2014/03/02 职场文书
乡镇干部个人整改措施思想汇报
2014/10/10 职场文书
酒店保洁员岗位职责
2015/02/26 职场文书
阿里云服务器搭建Php+Apache运行环境的详细过程
2021/05/15 PHP
MySQL系列之三 基础篇
2021/07/02 MySQL
关于nginx 实现jira反向代理的问题
2021/09/25 Servers