vue3可以分頁、搜索的select

下載

	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]])})};

在這里插入圖片描述

文檔地址

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/bicheng/86487.shtml
繁體地址，請注明出處：http://hk.pswp.cn/bicheng/86487.shtml
英文地址，請注明出處：http://en.pswp.cn/bicheng/86487.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！