点击父组件中的button调用子组件的事件，可用于父子组件的传值实时更新。
父组件代码：
<template>
<button @click="handleChange"></button>
<child ref="child"></child>
</template>
<script>
import child from "子组件相对父组件路径"
export default {
components: {
child
}
data () {
return {
msg: "",
}
}
methods:{
handleChange() {
this.msg = "haha"
this.$refs.child.parentMsg(this.msg);
}
}
}
</script>
子组件中代码：
<template>
</template>
<script>
export default {
methods:{
parentMsg(msg) {
console.log(msg); //haha
}
}
}
</script>
网友评论