vue子组件直接调用父组件的属性和方法
<template>
<div class="chile">我是子组件 -----父组件对我说-----{{msg}}
<br />
<input type="button" @click="sendfuMsg" value="给父组件传递值">
<button @click="btnzf">btnzf</button>
</div>
</template>
<script>
export default {
name:"child",
props:{
msg:{
type:String,
}
},
data() {
return {
msga:"我是子组件呐"
}
},
methods: {
headerInfo(){
alert("父组件调用子组件")
},
sendfuMsg(){
this.$emit('func',this.msga)
},
btnzf(){
//子组件直接调用父组件的方法
this.$parent.btn();
}
},
}
</script>