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

첫번째 입력 값 공백 X

Browse Source
This commit is contained in:
yoon 2025-02-27 11:07:03 +09:00
parent 0e778df967
commit b00824bddc
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,6 +1,6 @@
<template> <template>
<div class="input-group mb-3 d-flex"> <div class="input-group mb-3 d-flex">
<input type="text" class="form-control" placeholder="Search" @change="search" /> <input type="text" class="form-control" placeholder="Search" @change="search" @input="preventLeadingSpace" />
<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>
@ -15,11 +15,17 @@
}); });
const emits = defineEmits(['update:data']); const emits = defineEmits(['update:data']);
const search = 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);
} }
emits('update:data', event.target.value); emits('update:data', event.target.value);
}; };
const preventLeadingSpace = function (event) {
event.target.value = event.target.value.trimStart();
}
</script> </script>