在 Vue 中,我們可以使用 emit() 方法向父級組件傳遞參數。在使用時,我們需要指定要傳遞的參數的名稱和值。接下來,我們來看一些示例:
// 父組件 <template> <child-component @notify="handleNotify"></child-component> </template> <script> export default { methods: { handleNotify(msg) { console.log(msg); } } } </script> // 子組件 <template> <button @click="notifyParent">通知父組件</button> </template> <script> export default { methods: { notifyParent() { this.$emit('notify', 'Hello World!'); } } } </script>
在上面的示例中,我們在子組件中定義了一個方法 notifyParent(),用于觸發 notify 事件,并將參數傳遞至父組件。在父組件中,我們通過 @notify 來監聽子組件傳遞過來的參數。
需要注意的是,我們還可以在子組件中定義多個方法,每個方法傳遞的參數都可以不同,但在父組件中監聽時要保證傳遞的參數名稱和順序與子組件中定義的一致。
上一篇vue寫hover時間
下一篇python 類修飾符