父组件触发子组件方法

 时间:2024-10-20 14:25:49

1、明确知识点:子组件上定义ref="refName", 父组件的方法中用this.$refs.refName.method去调用子组件方法。

父组件触发子组件方法

3、子盲褓梆尺组件编写方法:<template> <div> 子组件 </div></template><script> export default { name: "child", //方法methods: { childClick(event) { console.log(event) } } }</script>

父组件触发子组件方法

4、父组件中:<template><div> <button @click="parentClick媪青怍牙">点击</button> <Child ref="mychild" /> //使用组件标签 </div></template><script>import Child from './child'; //引入子组件Child export default {name: "parent", components: { Child // 引入子组件 child}, methods: { parentClick() { this.$refs.mychild.childClick("我是子组件的方法"); // 调用子组件的方法childClick } } }</script>

父组件触发子组件方法
  • HDMI/VGA转接线连接苹果Mac显示器没图像?
  • Mac版微信文件传输助手文件保存的位置在哪里
  • 小品出行如何联系在线客服
  • 适合苹果电脑的游戏
  • 走应急车道怎么处罚
  • 热门搜索
    香港南丫岛旅游攻略 中国旅游摄影网论坛 马来西亚旅游签证 德庆旅游 南雄旅游景点大全 淄博市旅游局 芜湖旅游景点大全 去台湾旅游注意事项 现在最佳旅游地 暑假去哪里旅游好