@fescotech/antdv-selector-paging

antdv-selector-paging

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

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

安装

  npm i @fescotech/antdv-selector-paging --save-dev

使用方式

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

全局方法

方法	参数	描述
clearValue	无	清空文本框 value
changeValue	value	选择用户时触发
searchValue	value	文本框搜索时触发
blurValue	无，value	选择焦点时触发

参数配置

width：组件宽度

list：选择器数据源

total：数据总数

pageNum：当前页码

pageSize：每页数据量

keyName：每条数据的 key 变量

valueName：每条数据的 value 变量

labelName：没条数据的 label 变量

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