Skip to content

emit的主要作用是子组件可以通过使用 emit,让父组件监听到自定义事件 ,以及传递的参数

Vue 2.0:

java
子组件:
methods: {
   
    handleNextMonth() {
   
      this.$emit("linkTo");
    },
父组件:
 <customerList
     :list="customerList"
     @linkto="linkTo"
  />

Vue3.0:

java
子组件:
emits: ["linkto"],
setup(props: any, ctx: any) {
   
   const data = reactive({
   
     linkTo: (item: any) => {
   
       ctx.emit("linkto", item.externalUserid);
  },
 const refsData = toRefs(data);
 return {
    ...refsData };
 
父组件:
 <customerList
     :list="customerList"
     @linkto="linkTo"
  />