This website requires JavaScript.
原创

Vue之子传父emit

2019.12.30 17:30 

0 人喜欢
645 次阅读
0 条评论

在父组件中引入子组件

<codePage @codeCall="codeGet"/>

codeCall是暗号
codeGet是个方法,用来接引暗号
在父组件中写入codeGet方法↓↓

codeGet(val){
    alert(val)
}

在子组件中使用暗号来通知父组件

this.emit('codeCall','魔镜魔镜,我是世界上最漂亮的人!')

这里填写的codeCall就是暗号,这个暗号对接的方法就是codeGet

执行此行代码后,codeGet方法就会触发,进行弹窗

切记一点……在引入子组件时,写暗号与对接方法时,那个对接方法不要加括号……否则拿不到子传到父的值
错误写法:@codeCall="codeGet()"
正确写法:@codeCall="codeGet"

  • 😃
  • 😂
  • 😅
  • 😉
  • 😌
  • 😔
  • 😓
  • 😘
  • 😡
  • 😭
  • 😱
  • 😳
  • 😵
  • 🌚
  • 👍
  • 👎
  • 💪
  • 🌹
  • 💊
  • 🇨🇳
  • 🇺🇸