: значение не устанавливается в скрытом поле ввода с использованием vue. js

Question

Я пытаюсь установить значения для поля ввода, используя vue. js

<input type="hidden" name="name" :value="response.name">

Код, который извлекает api:

fetch: function(){
    axios.post("/api/get-details", { id: 54 })
    .then(response => {
        this.details = response.data;
    })
    .catch(error => {

    });
},

На входе отображается только имя и тип, а значение ничего не показывает в исходном коде.

Мой редактор говорит: «Атрибут: значение здесь не разрешено»

Есть идеи, почему это не дает мне никаких значений ?

Answer 1

Это 2 наиболее распространенные проблемы, когда элемент не reactive.

1. Вы должны обязательно объявить response как null или undefined. В противном случае Vue не будет отслеживать элемент.

data: ()=>({response:null})

Обязательно используйте lambda, а не function, поэтому this ссылается на ваш компонент в обратном вызове API.

created() {
  myApi.getResponse(response=>{
    this.response = response
  })
}