标签：updatePwd const updatePassword dialogVisible Vue3 组件 ref

// 父组件
<template>
  <update-password ref="updatePwd"></update-password>
</template>
<script lang="ts" setup>
  import updatePassword from '@/components/updatePassword/update-password.vue' // 引入子组件
  // 定义组件ref的类型
  const updatePwd = ref<InstanceType<typeof updatePassword>>()
  
  // 使用子组件的属性与方法
  const updatePasswordHandle = () => {
    console.log(updatePwd.value?.dialogVisible)
  }
</script>


// 子组件
<script lang="ts" setup>
  const dialogVisible = ref(false)  

  // 导出父组件需要用的属性与方法
  defineExpose({
    dialogVisible
  })
</script>

标签：updatePwd,const,updatePassword,dialogVisible,Vue3,组件,ref
来源： https://www.cnblogs.com/rzl795/p/16384206.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。