vue2语法中,父组件如何获取子组件的信息
时间: 2023-06-06 11:06:25 浏览: 66
父组件可以通过在子组件上添加ref属性,然后使用$refs获取该子组件的实例,从而可以直接访问该子组件的属性和方法。例如:
在父组件中:
<template>
<div>
<child ref="myChild"></child>
</div>
</template>
<script>
import Child from './child.vue';
export default {
components: {
Child
},
mounted() {
const childInfo = this.$refs.myChild.getInfo();
console.log(childInfo);
}
}
</script>
在子组件中:
<template>
<div>{{info}}</div>
</template>
<script>
export default {
data() {
return {
info: '子组件信息'
}
},
methods: {
getInfo() {
return this.info;
}
}
}
</script>
阅读全文