Vue.js 学習記録１

はじめに

Vue.jsでpropsを使っていてネストしたオブジェクトのkeyが存在するかを判定する方法について記録

実装方法

export default 外にpropsで必須のkeyを指定する

const propsDefault = () => ({
  id: 1,
  name: '',
  body: ''
})

props内でvalidatorを設定する

props: {
  item: {
    type: Object,
    validator: v => {
      return Object.key(v).sort().join() === Object.keys(propsDefault).sort().join()
    }
  }
}

これでpropsで受け取ったネストしたオブジェクトのkeyが存在するかを判定できる