は、データ

Question

を入れ子になった：

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>