在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vuetable-2動態(tài)改變行數(shù)的問題

vuetable-2動態(tài)改變行數(shù)的問題

vue-cli中使用vuetable-2,通過select想要動態(tài)的改變表格顯示的行數(shù)。如下代碼。
當改變select的時候,表格的行數(shù)并沒有改變,需要點擊下一頁或者其它頁碼的時候才會改變表格中顯示的行數(shù)。
我想要的是改變select的時候,表格馬上改變行數(shù),求解。

<select v-model="currentItemsCount">
    <option value="10">10</option>
    <option value="20">20</option>
    <option value="25">25</option>
    <option value="50">50</option>
    <option value="100">100</option>
</select>

<vuetable class="table table-striped table-bordered"
          cellspacing="0" ref="vuetable"
          api-url="https://vuetable.ratiw.net/api/users"
          :fields="fields"
          :per-page="parseInt(currentItemsCount)"
          pagination-path=""
          @vuetable:pagination-data="onPaginationData">
</vuetable>
export default {
    data () {
        return {
        currentItemsCount: 10
        }
    },
    ...
}
回答
編輯回答
萌吟

試了在watch中使用this.$refs.vuetable.refresh()也不生效

2018年9月17日 09:06
編輯回答
爆扎

這個用change事件或者用Vue的watch都可以。以下代碼是用watch

watch: {
      currentItemsCount: function(newVal) {
        // console.log(newVal);
        this.changePageSize();
    }
  },
  methods: {
      changePageSize: function() {
        // 加載當前要展示的數(shù)據(jù)
    }
  }
2017年12月30日 23:05