Question

我在vue js应用程序上输入了 text 。

这是我的代码：

<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" }

你可以帮我解决我的问题吗？谢谢。

Answer 1

请仔细查看vue.js docs

如何使用v-model：

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

脚本：

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

使用v-model的另一种方法

脚本：

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

如果您想要带有for循环的v模型，请查看here

输入值不接受vue js上的对象

1 个答案: