父页面:
<div> <hello @showMsg="show"> </div> <script> export default { methods:{ show(){ console.log('子页面点击了'); } } } </script>
子页面:
<div> <div @click="showClick()"></div> </div> <script> export default { methods:{ showClick(){ var value ="test";
//注意,这里的showMsg对应的是父页面的接收事件,名字要一样
this.$emit("showMsg", value)
}
}
} </script>