<div v-for='(place) in query.visitPlaces' :key="place.name">
<div class="column is-4 is-narrow">
<b-field label="Nights">
<b-input type="text" v-model="place.nights" placeholder="e.g. Bandra" required></b-input>
</b-field>
</div>
<div class="card hotel-card" v-for='(hotel, index) in place.hotels' :key="hotel.name">
<header class="card-header">
<b-tooltip label="Delete Hotel" position="is-left">
<a class="card-header-icon" aria-label="Delete Hotel" @click="removeHotel(index)">
<span class="icon">
<i class="far fa-trash-alt"></i>
</span>
</a>
</b-tooltip>
</header>
</div> </div>
// JavaScript
removeHotel(index) {
console.log(index);
this.query.hotels.splice(index, 1);
//this.priceList = {};
},
Uncaught Type Error: Cannot read property 'splice' of undefined.
This error persists. Any assistance would be greatly appreciated.