如何更新Vue的嵌套數據

Question

如果我有像這樣的數據在Vue公司JS 2：

data : { 
    newBus: { 
    name: '', 
    hours: { 
     sunday: '', 
    } 
    } 
} 

我怎樣寫這個位置？我使用了以下內容：

<input v-model="newBus.hours.sunday" type="text" placeholder="Sunday">

但我得到的錯誤：

vue.js:1453 TypeError: Cannot read property 'sunday' of undefined

Answer 1

這工作正常。你的問題不在於你包含在這裏。

new Vue({ 
 
    el: '#app', 
 
    data: { 
 
    newBus: { 
 
     name: '', 
 
     hours: { 
 
     sunday: '9-5', 
 
     } 
 
    } 
 
    } 
 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.2.6/vue.min.js"></script> 
 
<div id="app"> 
 
    <input v-model="newBus.hours.sunday" type="text" placeholder="Sunday"> 
 
</div>