<template> <div class="title-box flex justify-between mb40"> <p class="title">문제 등록</p> </div> <div class="board-wrap"> <div class="flex align-center mb20"> <label for="" class="title2">제목</label> <input type="text" class="data-wrap"> </div> <hr> <div class="flex align-center"> <label for="" class="title2">내용</label> <textarea name="" id="" class="data-wrap"></textarea> </div> <hr> <div class="flex align-center mb20"> <label for="" class="title2">첨부파일</label> <input type="file" ref="fileInput" @change="handleFileUpload" /> </div> <div class="flex align-center mb20"> <label for="" class="title2">답</label> <input type="text" class="data-wrap"> </div> <div> <label for="" class="title2">오답 학생</label> <div class="table-wrap mt20"> <table> <thead> <td>No.</td> <td>이름</td> <td>학년</td> <td>반</td> <td>오답</td> </thead> <tbody> <tr @click="goToPage('noticeDetail')"> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> </tbody> </table> <!-- <article class="table-pagination flex justify-center align-center mb20 mt30" style="gap: 10px;"> <button><img src="../../../resources/img/btn27_90t_normal.png" alt=""></button> <button class="selected-btn">1</button> <button>2</button> <button>3</button> <button><img src="../../../resources/img/btn28_90t_normal.png" alt=""></button> </article> --> </div> </div> </div> <div class="flex justify-between mt50"> <button type="button" title="글쓰기" class="new-btn" @click="goToPage('QuestionList')"> 목록 </button> <div class="flex"> <button type="button" title="글쓰기" class="new-btn mr10"> 수정 </button> <button type="button" title="글쓰기" class="new-btn"> 삭제 </button> </div> </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>