第九节:零散汇总2(父调子方法/属性、)
一. 零散汇总2
1. 父组件调用子组件的属性和方法
如下代码是父组件中引用子组件的代码
<login-account ref="accountRef" /> setup() { // 1.定义属性 const accountRef = ref<InstanceType<typeof loginAccount>>(); //子组件对象 return { accountRef, };
},
(1). 首先需要通过ref属性给子组件绑定一个ref对象。
(2). 通过这个对象就可以点出来子组件的属性 或 方法,eg : accountRef.value.xxxx (因为是ref对象,所以要 .value)
accountRef.value?.checkLogin(isKeepPassWord.value);
特别注意:
(1). 子组件中的方法checkLogin,必须在子组件中return出来。
(2). 如果子组件是 <script setup>的写法,方法需要通过defineExpose暴露。
defineExpose({
checkLogin,
})
2. v-model再度剖析
3.
!
- 作 者 : Yaopengfei(姚鹏飞)
- 博客地址 : http://www.cnblogs.com/yaopengfei/
- 声 明1 : 如有错误,欢迎讨论,请勿谩骂^_^。
- 声 明2 : 原创博客请在转载时保留原文链接或在文章开头加上本人博客地址,否则保留追究法律责任的权利。