vue3 小知识

记录平常项目上遇到并解决的问题

• 定义props

import { ref, PropType } from 'vue';

defineProps({
    typeIdOptions: {
      type: Array as PropType<Nullable<fieldTypes[]>>,
    },
  });

• 导出组件内部方法,场景(父组件通过ref访问子组件的方法)

//子组件
name: MyModel
defineExpose({
    openDialog,
  });
  
//父组件
const fieldAdd = ref<InstanceType<typeof MyModel>>();//定义ref

open(){
  fieldAdd.value?.openDialog()
}