vue2父组件获取子组件中的值
通过this.$emit获取子组件中定义一个方法data(){return{data: [1,2,3],}},created(){this.rhCourse();//当数据渲染结束,触发方法},methods:{rhCourse(){this.$emit('func',this.data);//data为传输的数据},}父组件<template><div>
·
通过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>
更多推荐
已为社区贡献2条内容
所有评论(0)