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