如何在对象上使用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模型是一个数组，因此该数字未分配给user.phones

Answer 1

您无法使用v-model。如果要在每次输入值时插入新的电话号码，请使用

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