子组件传父组件:
父组件
<template>
<div>
<div>这里是father组件</div>
<div>接收子组件参数:{{fmsg}}</div>
<!-- 2.在对应子组件上绑定函数,这里“receive”是函数名,可自定义但要与子组件触发函数同名 -->
<childl @receive="fromChild"></childl>
</div>
</template>
<script>
import childl from './childl'
export default {
data () {
return {
fmsg: ''
}
},
methods: {
// 接收子组件参数,赋值
fromChild (data) {
this.fmsg = data
}
},
components: {
childl
}
}
</script>
子组件:
**
这里是child组件