Всем привет, есть такой небольшой вопрос связанный со Vue. Почему-то не работает $event.target.value. Браузер выводит данную ошибку Vue TypeError: Cannot read property '_wrapper' of undefined
Сама ошибка появляется в браузере при попытке что-то вписать в инпут
Сам код:
<form>
<input
v-bind:value="title"
@input="title = $event.target.value"
class="input" type="text" placeholder="Название"
>
<button
class="btn"
@click="createPost"
>
Добавить
</button>
</form>
<div class="post" v-for="post in posts" v-bind:key="post.id">
<div><strong>Название:</strong>{{ post.title }}</div>
<div><strong>Описание:</strong>{{ post.body }}</div>
</div>
export default {
data() {
return{
posts: [
{id: 1, title: 'JavaScript', body: 'Язык'},
{id: 2, title: 'PHP', body: 'Язык'},
{id: 3, title: 'HTML', body: 'He Язык'},
{id: 4, title: 'css', body: 'He Язык'},
],
title: '',
body: '',
}
},
methods: {
creatPost() {
const newPost = {
id: Data.now(),
title: this.title,
body: this.body,
}
this.posts.push(newPost);
},
}
}
