第九节：零散汇总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 : 原创博客请在转载时保留原文链接或在文章开头加上本人博客地址，否则保留追究法律责任的权利。