แก้ฟิลเตอร์ สรรหา

src/components/TableView.vue

@@ -181,23 +181,16 @@
         <q-input
           standout
           dense
-          :model-value="inputfilter"
+          v-model="filter"
           ref="filterRef"
-          @update:model-value="updateInput"
+          @keydown.enter="onSearch"
           outlined
-          debounce="300"
           placeholder="ค้นหา"
           style="max-width: 200px"
           class="q-ml-sm"
         >
           <template v-slot:append>
-            <q-icon v-if="inputfilter == ''" name="search" />
-            <q-icon
-              v-if="inputfilter !== ''"
-              name="clear"
-              class="cursor-pointer"
-              @click="resetFilter"
-            />
+            <q-icon name="search" />
           </template>
         </q-input>
         <!-- แสดงคอลัมน์ใน table -->
@@ -331,6 +324,8 @@ import { ref, useAttrs, computed } from "vue";
 import { useCounterMixin } from "@/stores/mixin";
 import { useQuasar } from "quasar";
 
+const filter = defineModel<string>("filter", { required: true });
+
 const $q = useQuasar();
 const mixin = useCounterMixin(); //เรียกฟังก์ชันกลาง
 const { dialogMessage } = mixin;
@@ -359,6 +354,7 @@ const paginationLabel = (start: string, end: string, total: string) => {
 };
 
 const props = defineProps({
+  onSearch: Function,
   inputfilter: String,
   inputvisible: Array,
   inputvisibleFilter: String,