【问题标题】:How can I get v-pagination to start with a specific page that user choose (instead of starting from page 1)?如何让 v-pagination 从用户选择的特定页面开始(而不是从第 1 页开始)?
【发布时间】:2020-11-15 14:44:43
【问题描述】:

我正在从数据库中访问数据,并且我正在使用 v-pagination 组件(带有 vuetify)来分离数据。但是,我有一些用户想立即从第 10 页开始,比如说,每次他们路由到该组件时。

我的问题是,有没有一种方法可以从索引 10 或 11 或其他(取决于整数输入)开始 v-pagination 组件?

非常感谢!

【问题讨论】:

    标签: vue.js vue-component vuex vuetify.js


    【解决方案1】:

    您可以使用v-model 值来设置当前选择的页面。

        <v-pagination
          v-model="page"
          :circle="circle"
          :disabled="disabled"
          :length="length"
          :next-icon="nextIcon"
          :prev-icon="prevIcon"
          :page="page"
          :total-visible="totalVisible"
        ></v-pagination>
    
    
    <script>
      export default {
        data () {
          return {
            page: 2, // current page
            // ....
          }
        },
      }
    </script>
    
    

    the vuetify page documents

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2017-02-14
      • 2010-09-20
      • 1970-01-01
      • 2022-12-17
      • 2021-05-28
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多