vue父组件获取子组件参数
时间: 2023-12-29 17:02:34 浏览: 138
Vue父组件如何获取子组件中的变量
父组件可以通过ref获取子组件的实例,从而获取子组件的参数和方法。下面是一个示例代码:
```vue
<template>
<Son ref="sonRef"></Son>
</template>
<script>
import Son from './components/Son.vue'
import { ref, onMounted } from "vue";
export default {
setup() {
const sonRef = ref();
onMounted(() => {
console.log(sonRef.value?.list); // 获取子组件的参数
console.log(sonRef.value?.test()); // 调用子组件的方法
});
return {
sonRef
};
},
components: {
Son
}
};
</script>
```
在上述代码中,父组件通过`ref`创建了一个引用`sonRef`,然后将其赋值给子组件的`ref`属性。通过`sonRef.value`可以访问子组件的实例,从而获取子组件的参数和调用子组件的方法。
阅读全文