父子传参

父->子:

父组件:
<child :y="x"></child>
子组件:
props:["y"]

子传父:

子组件:
methods:{
z(){
this.$emit("y",x)
}
父组件:
<child @y="a"></child>
methods:{
a(res){
console.log(res)
 }
}
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一种,父子组件通信 一.父组件向子组件传值 创建子组件,在src/components/文件夹下新建一个Chil...
    chang_遇见缘阅读 296评论 0 0
  • 父传子数据,子修改数据,父不改 场景: 列表(父组件)点击,弹出表单并传递当前行数据到表单(子组件),表单使用双向...
    追卓2018阅读 923评论 0 0
  • 一、子传父(emit发送,v-on接) 在父组件中定义并注册子组件。 1、子组件关键代码: html中: 定义一个...
    顺小星阅读 3,339评论 0 0
  • 1、父子传参 父组件向子组件传值 父向子 父组件上边,在要接受数据的组件上通过动态属性传递 如 :data="da...
    AL_230b阅读 2,870评论 0 1
  • 09/09/2018 周日 戊戌年 七月三十日 √静√智√勇√仁√强√礼 ❤今日小结。早上做作业,然后去搭搭乐乐上...
    妈妈熊阅读 87评论 0 1