Vue.js and Firestore will only update variables that do not have empty string values

Question

Vue.js and Firestore will only update variables that do not have empty string values

Modify the variables that are not empty strings

    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 want to update the variables that have changed. Even though they are empty strings, Firestore still updates them. Thank you for any assistance.

javascript firebase vue.js object google-cloud-firestore

Answer 1

Answer №1

When working with Firestore and using the update() method, remember that you only need to pass the new values that have changed in your document. This means you don't have to pass all the values again. Ensure that your app logic checks for updated values and provides them to the update() method accordingly. For more information on this, refer to this guide

Answer 2

When working with Firestore and using the update() method, remember that you only need to pass the new values that have changed in your document. This means you don't have to pass all the values again. Ensure that your app logic checks for updated values and provides them to the update() method accordingly. For more information on this, refer to this guide

Answer 3

Answer №2

Create an object with only the fields that need to be updated and provide it to the update() function. Choose the properties that should be set on this object individually.

const changes = {}
if (shouldUpdatePhoneNumber) {
    changes.phoneNumber = user.phoneNumber
}
// add similar code for each field that can be updated

db.collection(user.id).doc("User_Details").update(changes);

Answer 4

Create an object with only the fields that need to be updated and provide it to the update() function. Choose the properties that should be set on this object individually.

const changes = {}
if (shouldUpdatePhoneNumber) {
    changes.phoneNumber = user.phoneNumber
}
// add similar code for each field that can be updated

db.collection(user.id).doc("User_Details").update(changes);

Vue.js and Firestore will only update variables that do not have empty string values

Answer №1

Answer №2

Similar questions

Using Vue.js to bind data in two directions by using an object with v-for

Compiling and rendering HTML code from a file with AngularJS

How to Implement a Loop Inside a JavaScript Alert or Prompt?

Retrieve the content of a file and convert it into JSON or GeoJSON format

Tips on concealing a div until the value of a specific field surpasses zero

Exploring a Discord.js collection: tips for accessing and manipulating objects within an array in the collection

Communication with child processes in node.js is not done using the child_process module

In search of assistance with accessing API data from an object, not an array, in React

Adjust the scroll position when the height of a div is modified

How about this: "Looking to Share on Social Media with ME

The updates made to a variable within an ajax request are not immediately reflected after the request has been completed

Warning: HTML input values are being cleared when added

Obtaining Vue view parameters using the sendFile() method in Express

What is the connection between serialization and JSON?

Tips for allowing specific tags using Google's Caja HTML Sanitizer in a node.js environment

The application suddenly displays a blank white screen after encapsulating my layout with a context provider

sending properties to dynamically loaded components

Issue with Node.js Express function not returning the variable fetched from fs.readFile operation

Using the Presentational - Container (or Smart - Dumb) component approach in conjunction with Vuex

Sending a PHP variable to a modal using jQuery Ajax