標簽[vue-flickity] - 堆棧內存溢出

[英]Flickity carousel rendering too large and creating horizontal scrolling in Nuxt/Tailwind application

我正在使用 Tailwind 樣式的 Nuxt/Vue 應用程序中使用 Flickity 的輪播。這個旋轉木馬位於一個 12 列的網格中，從第二列開始，跨越 11 列（在屏幕的右邊界結束）。當我調整屏幕大小時，有時會出現一點水平滾動。我不想有這種水平滾動。有沒有辦法做到這一點？ < ...

[英]Styling a carousel aligned on the left (in a container) to reach the right side of the screen (out of the container)

我在 Nuxt/Vue 應用程序的容器中（用於居中/對齊目的）有一個輕彈旋轉木馬。我希望輪播與左側的其余內容對齊，但我希望輪播一直到屏幕的右邊框。我正在使用 Tailwind 進行造型。這就是我目前所擁有的這就是我要的在玩過overflow-x-visible和其他順風類之后， ...

[英]Custom buttons throwing "Flickity is not defined" in Nuxt application using carousel

我正在嘗試將我自己的自定義按鈕連接到 nuxt 應用程序中的輕彈輪播。在我的輪播組件中，我有這個代碼 <template> <ClientOnly> <Flickity ref="flickity" ...

[英]Nuxt application throwing error message when using Flickity

我正在嘗試在 Nuxt 應用程序中實現輪播。這是我的 package.json "dependencies": { "@nuxtjs/i18n": "^7.0.3", "core-js": "^3.15.1", "flickity": "^2.2.2", "lod ...

[英]vue-flickity: how to get selectedIndex into vue data

我正在使用vue-flickity作為旋轉木馬。有一個<flickity />組件（旋轉木馬），一個帶有數據{{ selectedIndex }}的<p>標簽，以及一個從flickity獲取當前幻燈片編號並更新selectedIndex的按鈕。當用戶向左或向右滾動（即調用 ...

[英]TypeScript + Vue 3 - ReferenceError: variable is not defined

我在<script>的開頭聲明了一個類型為any的變量，然后我在同一個<script>中的一個方法中引用了它。我的 IDE 根本沒有抱怨，但令人驚訝的是，我在控制台中看到了一個運行時錯誤： ReferenceError: flik is not defined 。也許這 ...

[英]Flickity not hiding on desktop

我希望輕彈 slider 隱藏在桌面和更大的設備上。我想我正在按照文檔中的說明進行操作，它們看起來很簡單，但是，它不起作用。 div 看起來像這樣：像這樣的造型：這是被“輕彈”的組件，看起來像這樣，即使我認為這並不重要：另外，我不知道這是否重要，但是當我檢查 Chrome 上的元素時，我有 ...

[英]VueJS + Vue-Flickity TypeError: WEBPACK_IMPORTED_MODULE_0_vue_flickity.a is not a constructor

我正在使用Vue-Flickity ，但找不到此錯誤的解決方法： [Vue警告]：nextTick中的錯誤：“ TypeError： WEBPACK_IMPORTED_MODULE_0_vue_flickity .a不是構造函數” 在發現 ---> src / c ...

[英]Capture child components emitted action

我試圖對子組件發出的動作做出反應。子發出一個稱為init的事件/觸發/動作。我嘗試在我的父組件events映射中注冊該事件。但是回調永遠不會觸發，這使我覺得我為發出的操作注冊不正確。我如何應對孩子發出的事件/觸發/動作？ ...