vue——父组件调用子组件
<template> <div> child1 </div> </template> <script> export default { name: "child1", props: "msg", methods: { handleParentClick(e) { console.info(e) } } } </script> parent.vue <template> <div> <button v-on:click="clickParent">点击</button> <child1 ref="child1"></child1> </div> </template> <script> import Child1 from './child1'; export default { name: "parent", components: { child1: Child1 }, methods: { clickParent() { // this.$refs.child1.$emit('click-child', "high"); this.$refs.child1.handleParentClick("ssss"); } } } </script>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步