hsearch.vue 681 B

12345678910111213141516171819202122232425262728293031
  1. <script setup lang="ts">
  2. import { ref } from 'vue'
  3. import { Search } from '@element-plus/icons-vue'
  4. const select = ref('帖子')
  5. const input3 = ref('')
  6. </script>
  7. <template>
  8. <el-input v-model="input3"
  9. placeholder="请输入搜索内容"
  10. class="input-with-select">
  11. <template #prepend>
  12. <el-select v-model="select"
  13. style="width: 80px">
  14. <el-option label="帖子"
  15. value="1" />
  16. <el-option label="用户"
  17. value="2" />
  18. </el-select>
  19. </template>
  20. <template #append>
  21. <el-button :icon="Search" />
  22. </template>
  23. </el-input>
  24. </template>
  25. <style scoped>
  26. </style>