Vue中的emit方法可以實現子組件向父組件傳遞數據。在子組件中通過$emit觸發一個事件,然后在父組件中通過@事件名=“方法名”來監聽這個事件,從而實現數據傳遞。
//子組件中使用$emit觸發事件 methods: { handleClick() { this.$emit('eventName', data) } }
在父組件中監聽這個事件,并在methods中定義方法來接收傳遞過來的數據:
//父組件中通過@事件名綁定方法來監聽事件//父組件methods中定義方法,接收傳遞過來的數據 methods: { getData(data) { console.log(data) } }
需要注意的是,emit方法的第一個參數必須是事件名,而后面的參數是要傳遞的數據,可以是任何類型的數據。