<template>
    <div class="title-box flex justify-between mb40">
        <p class="title">공지 등록</p>
    </div>
        <div class="board-wrap">
            <div class="flex align-center">
                <label for="" class="title2">제목</label>
                <input type="text" class="data-wrap">
            </div>
            <hr>
            <textarea name="" id=""></textarea>
            <hr>
            <div class="flex align-center">
                <label for="" class="title2">첨부파일</label>
                <input type="file" ref="fileInput" @change="handleFileUpload" />
            </div>
        </div>
        <div class="flex justify-between mt50">
                <button type="button" title="글쓰기" class="new-btn"  @click="goToPage('Board')">
                    목록
                </button>
                <button type="button" title="글쓰기" class="new-btn"  @click="goToPage('Board')">
                     등록
                </button>
        </div>
</template>

<script>
import SvgIcon from '@jamescoyle/vue-icon';
import { mdiMagnify} from '@mdi/js';


export default {
    data () {
        return {
            mdiMagnify: mdiMagnify,
        }
    },
    methods: {
        goToPage(page) {
         this.$router.push({ name: page });
      },
    },
    watch: {

    },
    computed: {
       
    },
    components:{
        SvgIcon
    },
    mounted() {
        console.log('Main2 mounted');
    }
}
</script>