如何通过编程修改PrimeVue Paginator组件的当前页面？

PrimeVue Paginator组件没有current-page这类属性，控制当前页的核心是page属性，需通过双向绑定实现初始值设置与页面切换同步：

• 定义当前页变量并从查询字符串初始化：

  // Vue 3示例
  import { ref, onMounted } from 'vue';
  
  const currentPage = ref(1);
  
  onMounted(() => {
    // 从URL查询字符串提取页码参数（假设参数名为page）
    const urlParams = new URLSearchParams(window.location.search);
    const initialPage = urlParams.get('page');
    if (initialPage && !isNaN(initialPage)) {
      currentPage.value = parseInt(initialPage, 10);
    }
  });
  

• 在Paginator组件上绑定page属性：

  <!-- Vue 3使用v-model:page双向绑定 -->
  <Paginator v-model:page="currentPage" :rows="10" :totalRecords="你的总数据量" />
  

  若使用Vue 2，需用.sync修饰符实现双向绑定：

  <Paginator :page.sync="currentPage" :rows="10" :totalRecords="你的总数据量" />
  

你之前尝试的:value、:current等属性并非Paginator控制当前页的正确属性，所以无法生效。按上述方式绑定后，页面会根据查询字符串的页码值初始化，而非固定停留在第1页。

内容的提问来源于stack exchange，提问作者May W.