셀렉트박스 수정
This commit is contained in:
parent
a7ef7c9599
commit
aef28a3887
@ -11,9 +11,9 @@
|
|||||||
<div class="row">
|
<div class="row">
|
||||||
<!-- 정렬 셀렉트 박스 -->
|
<!-- 정렬 셀렉트 박스 -->
|
||||||
<div class="col-md-3 mb-4">
|
<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="date">최신날짜</option>
|
||||||
<option value="view">조회수</option>
|
<option value="views">조회수</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -72,7 +72,7 @@ import axios from '@api';
|
|||||||
const generalList = ref([]);
|
const generalList = ref([]);
|
||||||
const noticeList = ref([]);
|
const noticeList = ref([]);
|
||||||
const searchText = ref('');
|
const searchText = ref('');
|
||||||
const selectedOrder = ref('');
|
const selectedOrder = ref('date');
|
||||||
const sortDirection = ref('desc');
|
const sortDirection = ref('desc');
|
||||||
const pagination = ref({
|
const pagination = ref({
|
||||||
currentPage: 1,
|
currentPage: 1,
|
||||||
@ -103,22 +103,18 @@ const search = (e) => {
|
|||||||
|
|
||||||
// 정렬 변경 핸들러
|
// 정렬 변경 핸들러
|
||||||
const handleSortChange = (event) => {
|
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);
|
fetchGeneralPosts(1);
|
||||||
};
|
};
|
||||||
|
|
||||||
// 게시물 데이터 로드(일반)
|
// 게시물 데이터 로드(일반)
|
||||||
const fetchGeneralPosts = async (page = 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", {
|
const response = await axios.get("board/general", {
|
||||||
params: {
|
params: {
|
||||||
page: page,
|
page: page,
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user