formでratingを使うとFirebaseError: [code=invalid-argument]が表示される

Question

Vue.js初心者です

formでbootstrap-vueのselectを使用して値を保存したいです。
https://bootstrap-vue.org/docs/components/form-rating

保存先はfirestoreです

エラーコード[code=invalid-argument]
https://firebase.google.com/docs/storage/web/handle-errors?hl=ja

[Vue warn]: Error in v-on handler: "FirebaseError: [code=invalid-argument]: Function DocumentReference.set() called with invalid data. Unsupported field value: undefined (found in field type)"

<div>
 <b-form-select v-model="selected" :options="options" class="mb-3">
  <template v-slot:first>
   <b-form-select-option :value="null" disabled>-- 本のタイプ --</b-form-select-option>
  </template>
 </b-form-select>
</div>
data() {
    return {
       selected: null,
　　　　options: [
        { value: 'A', text: '自己啓発、マインド系' },
        { value: 'B', text: '健康、睡眠、ワークアウト系' },
        { value: 'C', text: 'ビジネス系、経済系' },
        { value: 'D', text: 'プログラミング系' },
        { value: 'E', text: '小説' },
        { value: 'F', text: 'エロ本' },
      ],
　　　}
  　},
methods: {
    create() {
        var post = {
          title: this.title,
          type: this.selected,
          recommend: this.recommend,
          comment: this.comment
        }
        this.$store.dispatch('createPost', post)
      }
    }
  }

db.collection('items').add({
  user_id: state.user.uid,
  title: post.title,
  type: post.selected,
  recommend: post.recommend,
  comment: post.comment
})

selectedの値の肩を指定すれば良いのでしょうか？

知恵を貸していただきたいです。

よろしくおねがします。

vue 2.6.1

Answer 1

typeに入れてるのに、selectedで受け取っていただけでした。。

var post = {
          title: this.title,
          type: this.selected,　ここです
          recommend: this.recommend,
          comment: this.comment
        }

db.collection('items').add({
  user_id: state.user.uid,
  title: post.title,
  type: post.selected,　ここです
  recommend: post.recommend,
  comment: post.comment
})