searchModules.vue 722 B

123456789101112131415161718192021222324252627282930
  1. <template>
  2. <div class="search--modules">
  3. <div class="form--cont--filter">
  4. <v-select
  5. v-model="filter"
  6. :items="filderArr"
  7. variant="outlined"
  8. class="custom-select"
  9. >
  10. </v-select>
  11. </div>
  12. <div class="form--cont--text">
  13. <v-text-field
  14. class="custom-input mini"
  15. style="width: 100%"
  16. placeholder="검색어를 입력하세요"
  17. ></v-text-field>
  18. </div>
  19. <v-btn class="custom-btn btn-blue mini sch--btn">검색</v-btn>
  20. </div>
  21. </template>
  22. <script setup>
  23. const filter = ref("");
  24. const filderArr = ref([
  25. { title: "전체", value: "" },
  26. { title: "이름", value: "name" },
  27. { title: "아이디", value: "id" },
  28. ]);
  29. </script>