प्रौद्योगिकी साझेदारी

[Vue] vue3 मध्ये लम्बवत् स्क्रॉल कर्तुं swipe इत्यस्य उपयोगं कुर्वन्तु

2024-07-12

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

प्रतिस्था

npm install swipe
  • 1

उपयुञ्जताम्‌

import 'swiper/css';
import 'swiper/css/mousewheel';
import { Swiper, SwiperSlide } from 'swiper/vue';
import { Mousewheel } from 'swiper/modules';
  • 1
  • 2
  • 3
  • 4

containerHeight इदं पात्रस्य ऊर्ध्वता अस्ति यत् स्क्रॉलस्य ऊर्ध्वतां लम्बदिशि अवश्यं सेट् कुर्वन्तु, अन्यथा अतीव उच्चा भविष्यति! !

      <swiper
        direction="vertical"
        :modules="[Mousewheel]"
        :mousewheel="{
          enabled: true,
        }"
        :speed="1500"
        :slides-per-view="1"
        :style="{ height: containerHeight + 'px' }"
      >
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10

प्रलेख

https://swiperjs.com/vue इति वृत्तान्तः
https://swiperjs.com/swiper-api # माउसचक्र-नियन्त्रण