色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

vue獲取emit

曹雅靜1年前6瀏覽0評論

Vue 中的 emit() 函數可以讓我們在組件中發送自定義事件,以便其他組件監聽并做出響應。但如何獲取 emit 函數發送的參數呢?

這里有兩種方法:

<!-- 第一種方法:通過 $emit() 發送參數并在接收組件中獲取 -->
<!-- 發送組件 -->
methods: {
sendData() {
this.$emit('custom-event', 'hello, world');
}
}
<!-- 接收組件 -->
mounted() {
this.$on('custom-event', (data) => {
console.log(data); // hello, world
});
}
<!-- 第二種方法:使用 .sync -->
<!-- 發送組件 -->
<template>
<child-component :greeting.sync="greeting"></child-component>
</template>
<script>
import ChildComponent from './ChildComponent.vue';
export default {
components: {
ChildComponent
},
data() {
return {
greeting: 'hello, world'
}
}
}
</script>
<!-- 接收組件 -->
<template>
<div>{{ greeting }}</div>
</template>
<script>
export default {
props: {
greeting: {
type: String,
default: 'hi'
}
},
model: {
prop: 'greeting',
event: 'update:greeting'
}
}
</script>

以上是兩種獲取 emit 函數參數的方法,在實際開發中可以根據需要選擇使用哪種。如果有其他更好的方法,歡迎各位大佬指點。