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:
nevermoregb 2024-12-19 11:28:14 +09:00
parent 618814acfd
commit cc748e6d32
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/search/SearchBar.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div class="input-group mb-3 bg-white"> <div class="input-group mb-3 bg-white">
<input type="text" class="form-control" placeholder="Search" @change="searchInput" /> <input type="text" class="form-control" placeholder="Search" @change="search" />
<button type="button" class="btn btn-primary"><i class="bx bx-search bx-md"></i></button> <button type="button" class="btn btn-primary"><i class="bx bx-search bx-md"></i></button>
</div> </div>
</template> </template>
@ -17,7 +17,7 @@
}); });
const emits = defineEmits(['update:data']); const emits = defineEmits(['update:data']);
const searchInput = function (event) { const search = function (event) {
//Type Number 일때 maxlength 적용 안됨 방지 //Type Number 일때 maxlength 적용 안됨 방지
if (event.target.value.length > props.maxlength) { if (event.target.value.length > props.maxlength) {
event.target.value = event.target.value.slice(0, props.maxlength); event.target.value = event.target.value.slice(0, props.maxlength);

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

@ -1,6 +1,6 @@
<template> <template>
<div class="container-xxl flex-grow-1 container-p-y"> <div class="container-xxl flex-grow-1 container-p-y">
<search-bar @update:data="searchText = $event" /> <search-bar @update:data="search" />
<div class="row g-3"> <div class="row g-3">
<div class="mt-8"> <div class="mt-8">
@ -44,6 +44,10 @@
const goDetail = idx => { const goDetail = idx => {
router.push(`/board/get/${idx}`); router.push(`/board/get/${idx}`);
}; };
const search = e => {
console.log('검색:', e);
};
</script> </script>
<style></style> <style></style>