美文网首页
vue子组件传值 $emit

vue子组件传值 $emit

作者: __笑我一世沉沦丶 | 来源:发表于2019-04-19 09:05 被阅读0次

创建事件总线connect.js:

import Vue from "vue"
let connect = new Vue;

export default connect;

在子组件中:

import connect from '@/utils/connect'
调用的函数中:
connect.$emit('addItem',json)

在父组件中:

import connect from '@/utils/connect'
mounted中:
connect.$on('addItem',res=>{
      console.log('addItem',res)
      this.data.push(res)
    })

相关文章

  • Day5 拾遗 emit

    vue emit多个参数利用arguments来获取子组件传值或者兄弟组件通过emit传值, 通过argument...

  • mpVue记录3——父子组件传值/插槽

    vue父子组件传值过程:子组件:props接收,data里同步数据父组件:在子组件通过$emit()发送,父组件定...

  • vue组件通信

    通常父子组件通信都是用props和$emit进行传递,父组件通过props传值给子组件,子组件通过$emit传值给...

  • Vue组件通信,父传子,子传父

    子组件 父组件 效果 总结 子组件接收父组件传值 (props) 子组件传值給父组件($emit())

  • vue 组件传值之 $attrs、$listeners

    vue的通信方法常用的有,父传子 props, 子传父 通过绑定@事件,子组件$emit 传值,也可以父组件给子组...

  • vue中的.sync修饰符

    产生缘由 vue中组件间的传值为单向传递,子组件想要更新父组件的值,需要用emit触发父组件函数,用.sync修饰...

  • vue 组件之间的传值2018-10-24

    1、子组件往父组件传值,通过emit事件 this.$emit(事件名称,参数) for数据 ...

  • 简单的todo-list

    利用v-model双向数据绑定父组件向子组件传值用 props子组件向父组件传值用 $emit()

  • vue父子组件传值

    一、子组件传值到父组件$emit 1、子组件传入: 2、父组件接收 二、父组件传值到子组件 props1、父组件...

  • vue父组件和子组件传值

    父组件向子组件传值通过在子组件添加props属性;原则上子组件不能向父组件传值,但可以通过emit事件传值,后边也...

网友评论

      本文标题:vue子组件传值 $emit

      本文链接:https://www.haomeiwen.com/subject/rrvwwqtx.html