vuejs2 - 在 nativescript-vue 应用程序的页面中滚动

Question

我有一个这样的模板组件（页面）：

<template>
 <Page class="page" v-if="showDisplay">
  <ActionBar class="action-bar" title="Resultsiiii"/>
  <StackLayout v-if="posts">
    <Label :text="code"></Label>
    <Label v-if="posts.product_name" :text="posts.product_name" />
    <Image :src="posts.image_thumb_url" stretch="none" />
    <Label :text="posts.ingredients_text_fr" class="list-group-item-text" textWrap="true"></Label>
   <Label :text="ingredientsList[0]"></Label>
    <StackLayout backgroundColor="#3c495e">
      <Label v-for="(item, i) in ingredientsList" :key="i" :text="item" height="70" backgroundColor="#43b883"/>
    </StackLayout>
  </StackLayout>
    <StackLayout v-else>
      <Label text="No infos about this product"></Label>
    </StackLayout>
  </Page>
</template>

在我对成分列表的循环中，我遇到了一个问题，只有前十个显示，我无法向下滚动查看其他。有没有办法获得卷轴？

Answer 1

Oups (rtfm) 实际上有一个滚动视图元素只是为此目的完成的：https ://nativescript-vue.org/en/docs/elements/components/scroll-view/