码迷,mamicode.com
首页 > 其他好文 > 详细

el-mentUI的分页如何插入el-input

时间:2020-02-24 18:33:43      阅读:88      评论:0      收藏:0      [点我收藏+]

标签:get   efi   ber   inpu   hang   size   属性   添加   hand   

1、el-mentui的分页组件中添加pagesize和layout属性中将size替换成slot,然后写入自己想要实现的东西

2、我这里使用el-input-num组件,当输入的值改变时触发chang事件,把pagesize动态改变。

 <el-pagination
          ref="viewpagination"
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          :current-page="searchMessage.currentPage"
          :page-size="searchMessage.pageSize"
          layout="total, slot, prev, pager, next, jumper"
          :total="pageTableData[‘dataTotal‘]"
        >
           <el-input-number class="" size="mini" :min="1" :max="1000" :controls="false"
          placeholder="请输入多少条/页"
          @change="changesize"
          v-model="searchMessage.pageSize">
          </el-input-number>
 </el-pagination>
<script>
  changesize(val){
      if(val==undefined){
        this.$nextTick(()=>{
          this.searchMessage.pageSize=1;
        })
      }else{
        this.searchMessage.pageSize = val;
      }
      this.initTable();
     // this.$refs.viewpagination.pageSize=val;
      //console.log(this.$refs.pagination);
    },  
</script>

  

el-mentUI的分页如何插入el-input

标签:get   efi   ber   inpu   hang   size   属性   添加   hand   

原文地址:https://www.cnblogs.com/hongyungo/p/12358047.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!