Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

ionic vue virtual scroll

See original GitHub issue

Feature Request

It’s not so much a feature request as just a question. I can see that it’s supported in @ionic/react and it seems like it just hasn’t been gotten to on the Vue side.

Context here is that I’m trying to sell some folks at work on using Ionic+Vue at the moment, but it seems like loading large lists of images is the last stumbling block for our technical demonstrator.

Thanks for reading!

Ionic version: [x] 4.x

Describe the Feature Request An ion-virtual-scroll Vue component, per the above.

Describe Preferred Solution It magically appears in @ionic/vue@0.0.3

Describe Alternatives I could roll my own solution but if it’s as simple as what I think the React port is doing and just passing things along, I figured that I’d ask.

Related Code N/A

Additional Context No related code, but the good folks behind @modus/ionic-vue in ModusCreateOrg/ionic-vue#85, pointed me in this direction.

Issue Analytics

State:
Created 4 years ago
Reactions:5
Comments:9 (4 by maintainers)

Top GitHub Comments

3reactions

liamdebeasicommented, Oct 8, 2020

Hey everyone,

Our current plan is to recommend solutions built and maintained by the Vue community. We are evaluating vue-virutal-scroller and vue-virtual-scroll-list as potential solutions, but neither have shipped support for Vue 3 yet.

I am going to keep this issue open for now, but will close it out when clearer guidance has been put out on our docs. Thanks!

0reactions

ionitron-bot[bot]commented, Jul 28, 2021

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.

Top Results From Across the Web

Virtual Scroll | Ionic Documentation

One virtual scrolling solution to consider for your Ionic Vue app is vue-virtual-scroller. This guide will go over how to install vue-virtual-scroller into ......

Using Vue3 VirtualScroller In Ionic Vue App

ion -virtual-scroll is not supported in Vue. We plan on integrating with existing community-driven solutions for virtual scroll in the near ...

virtual-scroll-ionic - CodeSandbox

App.vue. main.ts. shims-vue.d.ts. tests .browserslistrc .eslintrc.js .gitignore. babel.config.js. capacitor.config.json. cypress.json. ionic.config.json.

vue-virtual-scroll-list - npm

Simple usage. npm install vue-virtual-scroll-list --save. Root component: <template> <div> ...

Ionic 5 Virtual Scroll with Infinite Scroll Loader Tutorial with ...

A virtual scroll is used on the long lists of items that can fill up page DOM with lots of HTML content to...