通过this.$emit获取

子组件中定义一个方法

data(){
      return{
      	data: [1,2,3],
      }
    },
created(){
      this.rhCourse();//当数据渲染结束,触发方法
},
methods:{
	rhCourse(){
        this.$emit('func',this.data);//data为传输的数据
    },
}

父组件

<template>
  <div>
  <!--func为this.$emit中对应的名称,getData为父组件中接受数据的方法 -->
    <v-nav ref="xqmain" @func="getData"></v-nav>
  </div>
</template>
<script>
  //引入子组件
  import Nav from './common/xqmain.vue';
  export default {
    data() {
      return {
        dataf: [],
      }
    },
    created(){
      this.$nextTick(() => {
          console.log(this.$refs.xqmain.isBuys);
      })
    },
    methods: {
    	//data为子组件返回的数据
      getData(data){
        this.dataf = data;
      },
    },
    components:{
        'v-nav':Nav,
    }
  }
</script>
Logo

前往低代码交流专区

更多推荐