Блог

я пытаюсь изменить переменную с помощью watch и изменить ее на html

 <p>{{customer.creditsLeft}}</p>
  

и vue

 data() {
   customer: {},
 }
 watch: {
 '$store.state.jobs.listBooking.customer': function (newVal) {
  this.customer.creditsLeft = newVal;
  console.log('current credit now'   this.customer.creditsLeft);
  return this.customer.creditsLeft;
 }
},
  

консоль.журнал закрывается, но creditsLeft по-прежнему не изменяется. я новичок в vue. пожалуйста, помогите мне

Если вы хотите добавить новое свойство к объекту customer, вам нужно использовать set , иначе оно не реагирует.

 this.$set(this.customer, 'creditsLeft', newVal)
  

https://v2.vuejs.org/v2/guide/reactivity.html

Или вы можете установить его заранее, чтобы вам не нужно было использовать set

 data() {
   customer: {
      creditsLeft: 0
   },
}