имеется следующее view:
<v-select
label="Выбрать отправителя из списка *"
placeholder="Не выбрано"
:items="contacts"
item-text="contact_name"
item-value="id"
dense
outlined
v-on:change="contact_choose(item)"
></v-select>
И script:
new Vue({
el: '#app',
vuetify: new Vuetify(),
data: () => ({
contacts: [{"id":2,"contact_name":"dsasda","phone":"adsdsa","country":"adssaddsa","address":"dsadsa","delivery_time":"dasads","comment":"dasadsasd","user_id":1,"created_at":"2020-12-21 08:02:22","updated_at":"2020-12-21 08:02:22"},{"id":1,"contact_name":"No Name","phone":"88001234567","country":"KZ","address":"Test","delivery_time":"10:00 - 12:00","comment":"Test!","user_id":1,"created_at":"2020-12-21 06:42:46","updated_at":"2020-12-21 06:42:46"}]
}),
methods: {
contact_choose: function(contact)
{
console.log(contact)
}
}
})
Консоль выдаёт следующую ошибку:
Property or method "item" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property.
Подскажите пожалуйста, из-за чего возникает эта ошибка? И как можно передать данные по выбранному селекту в функцию без привязки к модели, и если привязка к модели обязательно нужна, как это сделать? Спасибо!
php
подставляете данные? И приведите распечатку$contacts
.