Как обновить компонент Vue после получения данных из backend?

Question

[Artem89]

upd: Код https://jsfiddle.net/s7x9btm1/1/

Обявляю компонент

new Vue({
  el: '#twofamain',
  data: {
  	twoFactory: false
  },

затем в created получаю данные из бекенда в котором эта переменная или true или false, там же this.twoFactory = obj.twoFactor и все равно в темплейте при v-show всегда false. Пробовал разные хуки, всеравно false. Как перерендерить компонент после получения данных и обновить чтобы он был отражался в v-show в зависимости от true или false&

Comments

[Кирилл Романов]

Покажите целиком код. Желательно на каком-нибудь jsfiddle

[Artem89]

Кирилл Романов, https://jsfiddle.net/s7x9btm1/1/

от бека получаю true, но не отображается, так же и при v-show

Answer 1

[Danbka]

У вас this в success указывает не на объект Vue. Сделайте вот так:

created: function () {
        var vueObj = this;
  	$.ajax({	
  		url: "../php/getdashboard.php",
  		type: "POST",
  		data: {
  			emailLog:emailLog
  		},
  		success: function (res){
  			var obj = JSON.parse(res);
  			vueObj.twoFactory = Boolean(Number(obj.twofactorturn));
  		}
  	});
  },

Comments

[Artem89]

Спасибо тебе мил человек!

Answer 2

[Ignat Khaylov]

Сделать twoFactory computed-свойством.

Comments

[Artem89]

Добавил еще одно свойство, но так как this.twoFactory всегда false, отображается всегда false

new Vue({
  el: '#twofamain',
  data: {
  	twoFactory: false
  },
  beforeCreate: function() {

  },
  created: function () {
  	$.ajax({	
  		url: "../php/getdashboard.php",
  		type: "POST",
  		data: {
  			emailLog:emailLog
  		},
  		success: function (res){
  			var obj = JSON.parse(res);
  			this.twoFactory = Boolean(Number(obj.twofactorturn));
  			console.log(this.twoFactory);
  		}
  	});
  },
  computed: {
  	tfa: function () {
		if (this.twoFactory == true) {
			return true;
		}
		else {
			return false;
		}
	}
  }

<div v-if="tfa">
				<h1>Код 2fa</h1>
			</div>

от бека получаю что this.twoFactory == true

[Кирилл Романов]

А чем это вообще могло помочь, простите?