vue3.0 typescript 子組件如何暴露方法,將方法掛載在自身ref下


創建一個方法

import { getCurrentInstance } from 'vue';

// expose public api
export function useExpose(apis: Record<string, any>) {
  const instance = getCurrentInstance();
  if (instance) {
    Object.assign(instance.proxy, apis);
  }
}

將子組件內的方法,注冊進入該實例的proxy下

    function open() {
      showPicker.value = true
    }
    useExpose({ open, close });

  調用

const cityPicker = ref()
const openCity = () => {
     cityPicker.value.open()
}

  以上代碼基本在是都compostion API setup中調用


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM