B
ByteNote

导航

首页文章工具关于

© 2025 ByteNote

B
ByteNote

Vue3 Ref 组件类型定义

Jul 4, 202212 min read
<!-- Home.vue -->
<template>
  <MyForm :ref="$form" />
</template>

<script>
import { defineComponent, ref, onMounted } from '@vue/runtime-core'
import MyForm, { MyFormExpose } from '@/components/MyForm'
export default defineComponent({
  components: { MyForm }
  
  setup(){
    const $form = ref<InstanceType<typeof MyForm> & MyFormExpose>(null)
    
    onMounted(() => {
       $form?.value.validate // 类型正确
    })
  }
})
</script>

相关文章

Git Merge Mastery: Unveiling the Differences Between Merge, Rebase, and Fast-Forward

Git merging strategies include merge (preserving history), rebase (clean history), and fast-forward (strict, linear merges), each suited for different team collaboration needs.

Solving Local Network Access Issues with DDNS A Comprehensive Guide

This guide provides multiple solutions, including enabling NAT Loopback, using a hosts file, setting up a local DNS server with Dnsmasq, or implementing split-horizon DNS, to resolve the issue of accessing local network services via a Dynamic DNS domain name from within the same network.

Complete Guide to WireGuard VPN Setup Server and All Clients

This comprehensive guide provides step-by-step instructions for setting up a WireGuard VPN server using Docker, configuring clients on Linux, MacOS, mobile devices, and Windows, and managing the server and clients for optimal security and performance.