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