iT邦幫忙

2021 iThome 鐵人賽

DAY 10
0
Modern Web

Vue 3 請你幫我做一個網站好嗎 (っಠ‿ಠ)っ系列 第 10

Day10 - 子元件透過 emit event 觸發父元件事件

  • 分享至 

  • xImage
  •  

重新認識 Vue.js | Kuro Hsu 2-2 元件之間的溝通傳遞 元件與自訂事件
parent component 的 template 裡

// 老爹啊,如果你兒,也就是我,當我說 childEventA 被觸發時,老爹你要執行你的什麼 method 呢
// 喔喔老爹你要執行你的 parentMethodA 啊
<child-component @childEventA="parentMethodA"></child-component>

child component 的 script 中

methods:{
    childMethod(){
        // 透過 this.$emit 向父元素說:嘿 childEventA 被觸發了喔老爹
        this.$emit('childEventA', someParameter)
    }
}

如果上述理解有誤,還懇請路過的俠士,順手解惑做公益,感恩的心 (っಠ‿ಠ)っ


上一篇
Day09 - 物件要解構成 primitive 再傳入 props ,小心 by reference 動到不該動的兄弟
下一篇
Day11 - 用 v-model 做父子元件間的雙向綁定
系列文
Vue 3 請你幫我做一個網站好嗎 (っಠ‿ಠ)っ19
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言