ezyActive.vue 494 B

123456789101112131415161718192021222324252627282930
  1. <template>
  2. <!-- 按钮点击动画 暂时去掉了时间 -->
  3. <view @click="handleClick">
  4. <slot />
  5. </view>
  6. </template>
  7. <!-- 父组件传值使用 :delay="500" -->
  8. <script setup>
  9. // 定义延迟时间的prop,默认值300ms
  10. const props = defineProps({
  11. delay: {
  12. type: Number,
  13. default: 0
  14. }
  15. })
  16. const emits = defineEmits(['aclick'])
  17. function handleClick() {
  18. setTimeout(() => {
  19. emits('aclick')
  20. }, props.delay); // 使用props.delay作为延迟时间
  21. }
  22. </script>
  23. <style>
  24. </style>