Vue JS View layer not updating

Question

$(function(){
var app = new Vue({
      el:"#app",
      data: {
        testData: globalObj
      }
    });
});


html: 

<div id="app">
  <span v-text="globalObj.value"></span>
</div>

globalObj changes depending on options selected on a different page. The data updates correctly on initial load of the app, but when I change the options on another page (which updates globalObj) the values are not updated in the view. I was also able to get the view to update when I implicitly set/change globalObj.value in the console. Has anyone encountered this problem before?

When you say "a different page" - do you mean a different HTML window? Javascript variables are not shared between windows. — David K. Hess
– David K. Hess, Commented Jun 20, 2015 at 15:46

rrrhys · Accepted Answer · 2015-10-29 09:59:15Z

2

A bit late to the party, but you should be referring to testData.

<span v-text="testData.value"></span>

answered Oct 29, 2015 at 9:59

rrrhys

6545 silver badges18 bronze badges

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

Collectives™ on Stack Overflow

Vue JS View layer not updating

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related