vue 3 组合 api props 函数无法调用可能是“未定义”的对象

如何解决vue 3 组合 api props 函数无法调用可能是“未定义”的对象

我有一个名为 sortSearch 的道具，它是来自父调用者的函数或回调。

type SortSearchInterface = (
 currentSort: string,currentSortDir: string
) => void;

export default defineComponent({
  props: {
    //sortSearch: {
    //type: Function as PropType<(currentSort: string,currentSortDir: string)=> void>
    // type: Function as PropType<SortSearchInterface>|undefined
    // }
    sortSearch: Function as PropType<SortSearchInterface>,},

当 attempting to call this function 出现以下错误 Cannot invoke an object which is possibly 'undefined'：

     // Cannot invoke an object which is possibly 'undefined'.Vetur(2722)
      //props.sortSearch(s,state.currentSortDir);

通过我的简短谷歌搜索，发现关于此的示例/文档非常有限，任何帮助表示赞赏。

解决方法

您需要根据需要标记此道具：

  props: {
    sortSearch: {
      type: Function as PropType<SortSearchInterface>,required: true
    },},