Vueでのイベントパラメータ
発行されるイベントにパラメータを渡すことができます。 例を見てみましょう。親コンポーネントの関数がパラメータを受け取るとします:
methods: {
func(arg1, arg2) {
console.log(arg1, arg2);
}
}
これらのパラメータは、イベント名の後に、関数 $emit のパラメータとして指定する必要があります:
methods: {
handle() {
this.$emit('show', 'xxx', 'yyy');
}
}
親コンポーネントから子コンポーネントへ次のメソッドを渡してください:
methods: {
func(name) {
console.log(name);
}
}
従業員コンポーネントにボタンを作成し、クリックすると従業員の名前が親コンポーネントに渡されるようにしてください。
親コンポーネントから子コンポーネントへ次のメソッドを渡してください:
methods: {
func(name, salary) {
console.log(name, salary);
}
}
従業員コンポーネントにボタンを作成し、クリックすると従業員の名前と給与が親コンポーネントに渡されるようにしてください。