Vue2.0 子组件传值给父组件
2017-03-31 11:25
495 查看
this.$emit(event,...args); /* * event: 要触发的事件 * args: 将要传给父组件的参数 */
Usage:
子组件内容:
<template> <div @click="iclick"></div> </template> methods:{ iclick(){ let data = { a:'data' }; this.$emit('ievent',data,'lalala'); } }
父组件内容:
<i-template @ievent = "ievent"></i-template> methods:{ ievent(...data){ console.log('allData:',data);// data为包含传过来所有数据的数组,第一个元素是对象,第二个元素是字符串 } }
相关文章推荐
- vue2.0 组件化及组件传值
- vue2.0组件之间传值、通信的多种方式(干货)
- vue2.0组件之间的传值
- VUE2.0 父组件传值给子组件初始化用
- Vue2.0组件通信(非Vuex)
- vue2.0--组件通信(非vuex法)
- Vue 组件传值
- vue2.0父子组件及非父子组件通信
- vue2.0 自定义 弹窗(MessageBox)组件
- vue.2.0-自定义全局组件
- EasyDSS流媒体服务器web前端:vue组件之间的传值,父组件向子组件传值
- vue父子组件中传值
- Vue 2.0学习笔记:组件的使用
- VUE组件之间传值
- vue.js2.0 自定义组件初体验
- Vue 2.0学习笔记:实现组件数据的双向绑定
- vue.js几种不同组件(页面)间传值的方式
- vue2.0项目 calendar.js(日历组件封装)
- Vue 2.0 起步(2) 组件及 vue-router实例 - 微信公众号RSS
- vue.js2.0父子组件间传参 (一)实现弹窗