Update Data in Firebase With VueJS

Question

I want to update a value under a certain key without using the "naive" way of copy/pasting the key value. Because I want it to scale to any client.

I basically want to update on click the "edit" property to "true".

Here's my current tree structure:

My current method:

      var query= db.ref('Clients/AgenceEco/forms/step1/');
          query.update({
              edit: true
      })

The problem is that it actually adds an edit property under the "step1", like the following:

I obviously don't want that but want to update the value under the random generated key of firebase.

How would you go about solving this issue? Thanks

How does this have anything to do with Vue specifically?

8bit
– 8bit

2017-11-07 14:29:13 +00:00
Commented Nov 7, 2017 at 14:29 — 8bit
– 8bit, Commented Nov 7, 2017 at 14:29

camden_kid · Accepted Answer · 2017-11-08 11:13:30Z

1

I think you can do this:

var updates = {};
updates['Clients/AgenceEco/forms/step1/edit'] = true;
db.ref().update(updates);

https://firebase.google.com/docs/database/admin/save-data#section-update

Edit: Regarding your comments you could do this (but I think there may be an easier way of doing it):

var ref = 'Clients/AgenceEco/forms/step1';
firebase.database().ref(ref).once('value', function(snapshot) {
    var data = snapshot.val();
    if (data) {
        data.edit = true;
        firebase.database().ref(ref).update(data);
    }
}

edited Nov 8, 2017 at 11:13

answered Nov 7, 2017 at 14:31

camden_kid

12.8k12 gold badges57 silver badges92 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Tony Over a year ago

Hi Camden_kid...unforntunately this added a whole new tree with "Clients/AgenceEco/forms/step1/edit" under the unique id key -KyLgpQY1UShZELIgdOz

Tony Over a year ago

Any ideas on just targeting the "edit" property under that unique key? Thanks

camden_kid Over a year ago

@Tony If you have access to the key then it would be updates['Clients/AgenceEco/forms/step1/key/edit'] = true;, e.g. updates['Clients/AgenceEco/forms/step1/LyLgpQY1UShZELIgd0z/edit'] = true;

Tony Over a year ago

Thankss! In my case i don't have access to the key...would you know how to do that?

user6748331 · Accepted Answer · 2017-11-07 14:38:17Z

0

Just do that on child, not step1 directly. With child method:

var query= db.ref('Clients/AgenceEco/forms/step1/')
query.child().update({
  edit: true
})

answered Nov 7, 2017 at 14:38

user6748331

1 Comment

Tony Over a year ago

Hi @WaldemarIce, unfortunately I get: "Reference.child failed: Was called with 0 arguments." I see what you're saying, but i cannot target that specific unique key under step1. Any ideas?

Collectives™ on Stack Overflow

Update Data in Firebase With VueJS

2 Answers 2

4 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related