如何在对象上使用vuejs模块

Question

我有以下代码：

<div id="app">
  <input type="text" name="" v-model="user.phones">
</div>
<script>
new Vue({
  el: '#app',
  data() {
    return {
      user: {
        phones: []
      }
    }
  }
});
</script>

每当用户写手机时，我都希望将其注入user.phones型号。但是，由于phones模型是一个数组，因此该数字未分配给用户。手机

Answer 1

您不能为此使用v-model。如果您想在每次输入值时插入新电话号码，请使用

 <input type="text" name="" @change="(event) => user.phones.push(event.target.value)">