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

 

posted @ 2022-01-07 10:02  Yaopengfei  阅读(143)  评论(0编辑  收藏  举报