vue中子组件向父组件传递参数(通信)
vue构建项目时,在组件内部引用了子组件,子组件的数据更新或者状态更新,需要向父级组件传递参数,在传递上如下进行定义:子组件中,在需要向父级组件传递参数的方法中,使用emit传递参数this.$emit('loadsuc', true);父组件中,v-on:loadsuc 来监听和接收参数<template><div><home
·
vue构建项目时,在组件内部引用了子组件,子组件的数据更新或者状态更新,需要向父级组件传递参数,在传递上如下进行定义:
子组件中,在需要向父级组件传递参数的方法中,使用emit传递参数
this.$emit('loadsuc', true);
父组件中,v-on:loadsuc 来监听和接收参数
<template>
<div>
<hometask v-on:loadsuc="loadflag"></hometask>
</div>
</template>
<script>
import hometask from '../basis/hometask.vue'
export default {
components: {
hometask
},
methods: {
loadflag(data) {
// 接收到的参数在data中
console.log(data)
}
},
}
</script>
采用上述方法,即可完成从子组件向父组件传递参数(通信)。本文结。
更多推荐
所有评论(0)