如何使用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)">