localnet/localhost-front
10
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

셀렉트박스 수정

Browse Source
This commit is contained in:
kimdaae328 2025-01-21 10:35:54 +09:00
parent a7ef7c9599
commit aef28a3887
1 changed files with 10 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/views/board/BoardList.vue
View File

@ -11,9 +11,9 @@
<div class="row">
<!-- 정렬 셀렉트 박스 -->
<div class="col-md-3 mb-4">
<select class="form-select" @change="handleSortChange">
<select class="form-select" v-model="selectedOrder" @change="handleSortChange">
<option value="date">최신날짜</option>
<option value="view">조회수</option>
<option value="views">조회수</option>
</select>
</div>
@ -72,7 +72,7 @@ import axios from '@api';
const generalList = ref([]);
const noticeList = ref([]);
const searchText = ref('');
const selectedOrder = ref('');
const selectedOrder = ref('date');
const sortDirection = ref('desc');
const pagination = ref({
currentPage: 1,
@ -103,22 +103,18 @@ const search = (e) => {
// 정렬 변경 핸들러
const handleSortChange = (event) => {
const value = event.target.value;
if (value === 'view') {
selectedOrder.value = 'view';
sortDirection.value = 'desc';
} else if (value === 'date') {
selectedOrder.value = 'date';
sortDirection.value = 'desc';
} else {
selectedOrder.value = '';
sortDirection.value = 'desc';
};
fetchGeneralPosts(1);
};
// 게시물 데이터 로드(일반)
const fetchGeneralPosts = async (page = 1) => {
console.log('Fetching general posts with parameters:', {
page,
orderBy: selectedOrder.value,
sortDirection: sortDirection.value,
searchKeyword: searchText.value
});
const response = await axios.get("board/general", {
params: {
page: page,