Входное значение не принимает объект на VUE JS - PullRequest
Новая
       6

Входное значение не принимает объект на VUE JS

0 голосов
/ 29 мая 2018

У меня есть тип ввода текст в моем приложении vue js.

это мой код: 

<input type="text" v-model="answer[index]" >

обновленный код: 

<table>
    <tr v-for="(question_overall, index) in questions">
        <td>
            {{ question_overall.question }}
            <div>
                <input type="text" :value="{id: question_overall.id , answer:  ??}" v-model="answer[index]" >
            </div>
            {{ answer[index] }}
        </td>
    </tr>
</table>

data: function () {
     return {
        questions: [],
        answer:{
            id: null,
            answer: null,
        },
     }
},

и я хочу, чтобы я повторил v-модель следующим образом: 

{{ answer[index] }}

будет вывод: 

{ "id": 1, "answer": "the value of this answer is from what I type in" }

Можете ли вы помочь мне в моей проблеме?спасибо.

1 Ответ

0 голосов
/ 29 мая 2018

Пожалуйста, обратите внимание на vue.js документы

Как использовать v-модель: 

<input type="text" v-model="text.answer" />

скрипт:

export default {
  data: () => ({
    text: {
       id: 1,
       text: ''
    }
  })
}

Еще один способ использования v-модели

скрипт: 

export default {
  data: () => ({
    text: {
       id: 1,
       text: ''
    }
  }),
  methods: {
    value_changing(event) {
     this.text = event.target.value
    }
  }
}

Если вы хотите v-модель с циклом forпосмотрите здесь

...