Vue.js 和 Firestore 只更新不等于空字符串的变量

Question

update only the variables that are not equal to empty string

    const state = reactive({
      birthNumber: '',
      phoneNumber: '',
      DoctorName: '',
      DoctorPhone: '',
    })

      db.collection(state.user.uid).doc("Personal_Records").update({
        birthNumber: state.birthNumber,
        phoneNumber: state.phoneNumber,
        DoctorName: state.DoctorName,
        DoctorPhone: state.DoctorPhone
      })

I only need to update the variables that will change. Firestore still changes them with an empty string.Thanks for help.

Answer 1

When using Firestore update() method, you don't need to pass all the values of your document. Just passing the new changed values will be enough as the update() method will change just this field in your Firestore document. so you need to check if your fields have values from your app and pass them to the update() method accordingly. Read more about this here

Answer 2

You an can build an object the contains only fields to update, and pass that to update() . You determine which properties to set on that object.

const update = {}
if (shouldUpdateBirthNumber} {
    update.birthNumber = state.birthNumber
}
// repeat for each optional field to update

db.collection(state.user.uid).doc("Personal_Records").update(update);