/
ehsizer
/
VUEblog
Обзор
Документация
Войти
/
ehsizer
/
VUEblog
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
src/Components/PostForm.vue
49 строк
832 B
Admin
add modal
04 июн 2024, 23:42
04 июн 2024, 23:42
4245b89
Код
Авторство
О чём код?
<template> <div> <form @submit.prevent> <h4>Создание поста</h4> <my-input v-model = "post.title" type="text" placeholder="Название"/> <my-input v-model = "post.body" type="text" placeholder="Описание"/> <my-button style="margin-top: 15px" class="btn" @click="createPost">Создать</my-button> </form> </div> </template> <script> export default { data(){ return{ post:{ title: '', body: '' } } }, methods:{ createPost(){ this.post.id = Date.now(); this.$emit('create', this.post) this.post = { title: '', body: '' } } } } </script> <style scoped> form{ display: flex; flex-direction: column; } </style>