用法: 子组件上定义ref="refName", 父组件的方法中用 this.$refs.refName.method 去调用子组件方法
详解: 父组件里面调用子组件的函数,父组件先把函数/方法以属性形式传给子组件;那么就需要先找到子组件对象 ,即 this.$refs.refName.
然后再进行调用,也就是 this.$refs.refName.method
如下:
子组件:
<template> <div> childComponent </div> </template> <script> export default { name: "child", methods: { childClick(e) { console.log(e) } } } </script>
父组件:
<template> <div> <button @click="parentClick">点击</button> <Child ref="mychild" /> //使用组件标签 </div> </template> <script> import Child from ‘./child‘; //引入子组件Child export default { name: "parent", components: { Child // 将组件隐射为标签 }, methods: { parentClick() { this.$refs.mychild.childClick("我是子组件里面的方法哦"); // 调用子组件的方法childClick } } } </script>
原文地址:https://www.cnblogs.com/renzm0318/p/8762129.html
时间: 2024-11-06 07:28:56