美文网首页
子传父的简单方法

子传父的简单方法

作者: 前端陈陈陈 | 来源:发表于2019-10-17 14:56 被阅读0次

<template>
  <div>
    <Address @getSonMsg="data=>msg=data"></Address>
    <p>{{msg}}</p>
  </div>
</template>
<script>
import Address from "./Address";
export default {
  data() {
    return {
      showMsg: true,
      msg: "hello world"
    };
  },


  components: {
    Address
  },


  methods: {}
};
</script>


<style>
</style>

<template>
  <div>
    <button @click="$emit('getSonMsg','哈哈哈哈哈哈')">子=>父</button>
  </div>
</template>


<script>
export default {};
</script>


<style>
</style>

相关文章

  • React事件传递

    事件传递: 父传子、子传父; 父传子 简单实例: 子传父 简单实例: 同级组件传值 简单实例: 方法一: 通过父...

  • react 中父子组件的传参及相互调用方法

    父→子传值 和 父→子传方法(子组件调用父组件方法) 1. 子组件调用父组件方法 ​ 在父组件中: 在子组...

  • 子组件向父组件传值

    子组件向父组件传值 思路:子组件向父组件传值,可以通过调用父组件的方法,来变相的传值 父组件向子组件传递方法 父元...

  • vue组件间参数与事件传递

    父组件向子组件传值 以及父组件调用子组件方法 子组件向父组件传值 以及子组件触发调用父组件方法

  • 子传父的简单方法

    父 子

  • vue的父子传值和使用vuex兄弟传值

    在父组件中引入子组件 父传子 父组件 子组件 子传父 子组件 父组件 兄弟传值 兄弟之间可以通过vue官网的方法,...

  • 2020-05-08

    #react中组件中的传参 1、父传子通过属性传递 2、子传父,需要父先给子传个方法过去,方法里面包含需要子传入的...

  • 03、vue 页面跳转传值,父子组件传值

    1、页面跳转传参 2、父子组件传值父组件 子组件(子组件调用父组件的方法) 3、父组件调用子组件的方法 4、修改浏...

  • Vue父子组件之间的通信

    父传子:通过在子组件标签中传值,子组件通过props进行接收。子传父:通过事件,$emit(父组件方法,数据),父...

  • react-父子组件间通信

    React-父子组件间通信 父组件传 值 给子组件, 传 方法 给子组件 子组件接收 值 ,触发父组件的 方法

网友评论

      本文标题:子传父的简单方法

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