mx-condition-dropdown.vue 600 B

12345678910111213141516171819202122
  1. <template>
  2. <uv-drop-down ref="dropdown">
  3. <uv-drop-down-item v-for="c in conditions" :label="c.config.title"/>
  4. <uv-drop-down-popup/>
  5. </uv-drop-down>
  6. </template>
  7. <script setup>
  8. import {ref, watch} from 'vue';
  9. import {useInjectPageScroll} from "@/hooks/usePageScrollInjection";
  10. import {useInjectSearchModel} from "@/components/mx-condition/useSearchModelInjection";
  11. const {scrollTop} = useInjectPageScroll()
  12. const {conditions} = useInjectSearchModel()
  13. const dropdown = ref(null)
  14. watch(scrollTop, () => dropdown.value.init()) // 位置修正
  15. </script>
  16. <style scoped>
  17. </style>