• 下载

	npm i v-selectpage

• 基本使用

import { SelectPageList } from 'v-selectpage';<SelectPageListlanguage="zh-chs"key-prop="id"label-prop="name"@fetch-data="fetchData"
/>const fetchData = (data,callback) => {const { search, pageNumber, pageSize } = data; // 返回searchValue、第几页、一页几条//你的接口apiClientLists({page_no: pageNumber,page_size: pageSize,name: search}).then(res=>{//返回的数据和总数callback(res.lists, res.count);})};

• 有默认值

<SelectPageList language="zh-chs"@fetch-data="fetchData"label-prop="name"key-prop="id"v-model="selected"@fetch-selected-data="fetchSelectedData"/>const selected = ref([0]) //ref([key])const fetchData = (data,callback) => {const { search, pageNumber, pageSize } = data; // 返回searchValue、第几页、一页几条//你的接口apiClientLists({page_no: pageNumber,page_size: pageSize,name: search}).then(res=>{//返回的数据和总数callback(res.lists, res.count);})};//设置默认值
const fetchSelectedData = (keys,callback) => {//例apiClientLists({opts}).then(res=>{callback([res.lists[0]])})};

文档地址