分享一个vue分页操作

vue分页操作

• @keydown.enter 按回车keydown事件

输入每页条数 通过keydown事件触发页面刷新

<div class="paging">
        <span><input style="width: 30px;" type="text"  v-model="page.size" @keydown.enter="UserCondition()"> 条/页</span>
        <span>共{
   
   {page.pages}}页</span>
        <span>
          <span v-if="page.current!=1" @click="page.current=page.current-1;UserCondition()">上一页</span>
          第<input style="width: 30px;" type="text"  v-model="page.current" @keydown.enter="UserCondition()">页
          <span @click="page.current=page.current+1;UserCondition()">下一页</span>
        </span>
      </div>