前端之vue3使用ref获取子组件数据
①父组件1.在父组件中的内定义2.用ref绑定子组件(ref相当id)②子组件内③父组件中使用子组件的数据这个是个人尝试过.使用子组件方法,还没尝试.
·
一.使用ref获取子组件数据
①父组件
1.在父组件中的setup
内定义
let content = ref(null);
2.用ref绑定子组件(ref相当id)
<子组件ref="content" />
②子组件内
setup() {
// 定义数据
let text = ref(``);
// 返回
return {
text,
};
},
③父组件中使用子组件的数据
// 用content获取子组件的ref响应式数据
function getContent() {
// console.log("content.value:", content.value);
// console.log("content.value.msg:", content.value.text);
return content.value.text;
}
这个是个人尝试过.
使用子组件方法,还没尝试.
更多推荐
已为社区贡献5条内容
所有评论(0)