select-paging v1.0.1

select-paging

基于 ant dasign for Vue 实现的分页选择器

支持分页，自定义指定渲染数据的 key, value

安装

  npm i select-paging --save-dev

使用方式

<template>
  <Selector
    ref="SelectorCom"
    :width="width"
    :list="list"
    :total="total"
    :pageNum="pageNum"
    :pageSize="pageSize"
    @changePage="changePage"
    @changeValue="changeValue"
    @searchValue="searchValue"
  ></Selector>
</template>
<script>
  import selectPaging from "select-paging";
  export default {
    name: "app",
    data() {
      return {
        list: [],
        pageNum: 1,
        pageSize: 10
      };
    },
    components: {
      selectPaging
    }
  };
</script>

全局方法

参数配置

width：组件宽度

list：选择器数据源

total：数据总数

pageNum：当前页码

pageSize：每页数据量

keyName：每条数据的 key 变量

valueName：每条数据的 value 变量

labelName：没条数据的 label 变量

placeholder：属性提供可描述输入字段预期值的提示信息