BoardWrite.vue_20211227

<template>
    <div>
        <h3>게시글쓰기</h3>
        <el-form label-width="80px">
            <el-form-item label="글번호" prop="title">
                <el-input v-model="board.no" style="width:500px;">{{num}}</el-input>
            </el-form-item>

            <el-form-item label="제목" prop="title">
                <el-input v-model="board.title" style="width:500px;"></el-input>
            </el-form-item>

            <el-form-item label="작성자" prop="name">
                <el-input v-model="board.writer" style="width:500px;"></el-input>
            </el-form-item>

            <el-form-item label="내용" prop="desc">
                <el-input v-model="board.content" type="textarea" style="width:500px;"></el-input>
            </el-form-item>

            <el-button type="success" @click="handleWrite">게시하기</el-button>
        </el-form>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                board: {
                    no      : '',
                    title   : '',
                    writer  : '',
                    content : '',
                }
            }
        },

        methods: {
            async handleWrite() {
                const url = '/board/insert/';
                const headers = {'Content-Type':'application/json'};

                const body = this.board;

                const response = await this.axios.post(url, body, {headers:headers});
                console.log(response.data);
                

                if(response.data.status === 200){
                    alert('글쓰기 성공');
                    this.$router.push({name:"Board"});
                }
            }
        }
    }
</script>

<style scoped>

</style>