Day10 - 子元件透過 emit event 觸發父元件事件 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

2021 iThome 鐵人賽

DAY 10

Modern Web

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

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

13th鐵人賽

lobsterpp

2021-09-24 23:51:02

643 瀏覽

分享至

重新認識 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 篇

RSS系列文訂閱系列文

2 人訂閱

完整目錄

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

尚未有邦友留言

立即登入留言

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

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

尚未有邦友留言

標記使用者

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