Rodhos Soft

備忘録を兼ねた技術的なメモです。Rofhos SoftではiOSアプリ開発を中心としてAndroid, Webサービス等の開発を承っております。まずはご相談下さい。

ABC propsでオブジェクトを指定する。

type AlertCompletedBlock = (index: number) => void;
interface Alert {
  display: number;
  completedBlock: AlertCompletedBlock | null;
  title: string;
  desc: string;
  buttonTitles: string[];
}

const alertInit:Alert = {
    display:0,
    title:"",
    desc:"",
    completedBlock:null,
    buttonTitles:["OK"]    
}

として

interface Props {
    alert:Alert
}

export default defineComponent({
    name:"Alert2",
    props:{
        alert:{type:Object, require:true, 'default':() => alertInit}
    },

のようにObjectとしてdefault値を関数にして渡してやる必要があった‥。