分页选择器v-selectpage的介绍

最新推荐文章于 2024-05-28 09:32:40 发布
最新推荐文章于 2024-05-28 09:32:40 发布
阅读量1.3k 收藏
点赞数
分类专栏： vue-element-admin 文章标签： vue selectpage
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012869196/article/details/103524115
版权

基于 Vue2 的简洁而强大的下拉分页选择器
https://terryz.gitee.io/vue/#/selectpage

界面展示
在这里插入图片描述
基于 Vue2 强大的选择器, 可分页的列表或表格展现形式,
使用标签形式的多选模式, 国际化 i18n 和服务端数据源支持

功能特点
分页展示数据
i18n 支持, 提供了 中文、英文、日文 等语言
服务端数据源支持
使用标签模式进行项目多选
可使用键盘进行快速导航
提供快速搜索，进行快速数据定位
提供列表视图和表格视图进行展示数据
可自定义行显示方式

先搬个家，后面基于这个组件，开始介绍自研的一些组件。

风流三月1
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
简洁而强大的下拉分页选择器 v-selectpage
weixin_34010566的博客
07-27 2197
2019独角兽企业重金招聘Python工程师标准>>> ...
vselectpage一个功能强大的Vue2选择器
08-09
一个功能强大的Vue2选择器，支持分页列表或表视图，使用标签进行多选，i18n和服务器端资源
v-selectpage：用于Vue2的SelectPage，分页的列表或表格视图，使用标签进行多项选择，i18n和服务器端资源支持
02-06
· 一个强大的Vue2选择插件，分页列表或表格视图，使用标签形式进行多项选择，i18n和服务器端资源支持 范例与文件 有关实时示例，更多示例和文档，请访问以下网站 jQuery版本： 产品特点 分页显示内容 i18n支持，提供的语言： 中文 英语 日本 阿拉伯 西班牙文 德语 罗马尼亚语 法文 巴西葡萄牙语 抛光 荷兰语 服务器端数据源支持 多种选择的标签形式 键盘快速导航 快速搜索自动完成 列表视图和表视图显示内容 自定义行内容呈现 浏览器支持 IE浏览器/边缘 火狐浏览器 Chrome 苹果浏览器 歌剧 IE9，IE10，IE11，Edge Firefox 18+ Ch
探索Vue3新纪元：v-selectpage，你的数据选择与分页神器！
最新发布
gitblog_00009的博客
05-28 487
探索Vue3新纪元：v-selectpage，你的数据选择与分页神器！ v-selectpageSelectPage for Vue, a select items components provides the list of items with pagination项目地址:https://gitcode.com/gh_mirrors/vs/v-selectpage 在快速发展的前端世界中...
v-selectpage 调用右上角及切换分页的事件
Yi18842559611的博客
10-30 1186
v-selectpage Demo that.$refs.sp.pickPage();//全选当前页 that.$refs.sp.pickPage(false);//清除当前页已选中项 that.$refs.sp.remove();//清除所有已选中项 that.$refs.sp.close();//关闭Drodown下拉 源代码位置：
SelectPage 下拉选择多功能选择器 v2.8
11-28
SelectPage是一个基于jQuery及使用Bootstrap环境开发的，下拉列表带输入快速查找及结果分页展示的多功能选择器。 功能特点： 基于jQuery、Bootstrap2、3开发 也可应用于无任何UI框架的原生H
SelectPage下拉分页插件 v2.18
11-07
SelectPage下拉分页插件是一个简洁而强大的下拉分页选择器；支持远程数据（AJAX）、 autocomplete、键盘快速导航操作、分页展示、多选标签、i18n国际化支持等多功能的选择器插件。 功能
SelectPage下拉分页插件 v2.14
11-27
SelectPage下拉分页插件是一个简洁而强大的下拉分页选择器；支持远程数据（AJAX）、 autocomplete、键盘快速导航操作、分页展示、多选标签、i18n国际化支持等多功能的选择器插件。 功能
SelectPage下拉分页插件 v2.13
11-28
SelectPage下拉分页插件是一个简洁而强大的下拉分页选择器；支持远程数据（AJAX）、 autocomplete、键盘快速导航操作、分页展示、多选标签、i18n国际化支持等多功能的选择器插件。 功能
SelectPage v2.13
11-09
SelectPage是一个基于jQuery及使用Bootstrap环境开发的，下拉列表带输入快速查找及结果分页展示的多功能选择器。功能特点：基于jQuery、Bootstrap2、3开发也可应用于无任何UI框架的原生HTML环境输入框输入关键字快速查找（autocomplete）结果列表分页展示使用键盘快速操作基本功能及分页功能允许使用静态json数据源或ajax动态请求的数据源多项选择以标签（Tag）形式展现结果列表自动判断屏幕边缘，避免内容超出可视范围丰富的参数设置及功能API调用浏览器兼容：IE8+、Chrome、Firefox等插件基于jQuery开发，可在Bootstrap2、3环境下使用，亦可在原生无UI框架的环境下直接使用下拉分页选择插件 SelectPage插件更新内容：v2.11去除 input 和 hidden 的 id, name 的正则匹配修复完全删除查询关键字时，输入框失去焦点的问题 v2.12调整部分按钮样式修复 ajax 数据源模式下，部分情况会在初始化时会选中所有项目的问题 v2.13解决 ajax 模式下，查询关键字缺失问题新增 eOpen 回调，在列
SelectPage下拉分页插件 v2.19
10-27
SelectPage下拉分页插件是一个简洁而强大的下拉分页选择器；支持远程数据（AJAX）、 autocomplete、键盘快速导航操作、分页展示、多选标签、i18n国际化支持等多功能的选择器插件。功能特点：基于jQuery兼容Bootstrap2、3样式，以及非Bootstrap环境支持也可应用于无任何UI框架的原生HTML环境输入框输入关键字快速查找（autocomplete）结果列表分页展示使用键盘快速操作基本功能及分页功能允许使用静态json数据源或ajax动态请求的数据源多项选择以标签（Tag）形式展现结果列表自动判断屏幕边缘，避免内容超出可视范围丰富的参数设置及功能API调用支持i18n国际化多语言支持，自带（中文、英文、德文、日文、西班牙文、巴西葡萄牙文）浏览器兼容：IE8+、Chrome、Firefox、Safari等主流浏览器插件基于jQuery开发，可在Bootstrap2、3环境下使用，亦可在原生无UI框架的环境下直接使用
vue 表格分页_Vue2分页列表或表格视图的强大选择器
cuk5239的博客
07-24 654
vue 表格分页 v选择 (v-selectpage) A powerful selector for Vue2, list or table view of pagination, use tags for multiple selection, i18n and server side resources supports. 一个强大的Vue2选择器，分页列表或表格视图，使用标签进行多项选择...
SelectPage 发布 v2.19 版本，下拉选择的分页解决方案
weixin_34323858的博客
09-04 414
下拉分页选择插件 SelectPage v2.19 发布，插件更新内容： 设置 orderBy 属性默认值为 false，意为不进行排序 增加列表展开、图标等内容的动画内容 修改 eTagRemove(datas) 事件的返回参数为被移除内容的原始数据 修复排序字段只以 showField 字段进行排序的问题 修复多选模式下动态修改数据源生效延迟及会展开列表的问题 修复部分 API 不兼容 jQ...
vue2中详细使用v-selectpage插件的流程
m0_72993813的博客
11-29 786
您可以根据自己的需求和设计来使用v-selectpage插件，并根据文档了解更多选项和配置。安装v-selectpage：使用npm或yarn安装v-selectpage插件。运行应用程序：现在，您可以运行您的Vue应用程序，并查看v-selectpage插件所提供的选择器功能。在您的Vue组件中使用v-selectpage：在需要使用v-selectpage的组件中，您可以使用。导入并使用v-selectpage插件：在您的Vue应用程序的入口文件（通常是。）中，导入并使用v-selectpage插件。
人人开源-前后端不分离-vue页面select选项
weixin_38164678的博客
03-04 664
人人开源-前后端不分离-vue页面select选项 开源项目下载地址：https://www.renren.io/ 选择常规版 直接上代码 js部分：（不分离的版本里，新增编辑页面都是在js里边拼接的） 注意projectList1这个字段，不是传统mvc架构那样从后台传过来的，而是页面加载时，请求接口，然后给这个字段赋值。详细请看js-3 js-1 js-2 js-3 js-4 最终展示的样子 本人纯后台开发，填鸭式笔记，大神请绕路。。。 ...
Vue2_下拉框多列分页搜索多功能组件
Rainbow_bead的博客
08-21 1395
Vue2_下拉框多列分页搜索多功能组件
Vue3+TS的分页封装（加上了搜索、筛选、加载）
m0_52321138的博客
03-29 561
使用Vue3+TS，将分页（可选择添加搜索、筛选、加载的功能）的逻辑单独抽离出来，用于逻辑复用。
手动清空Element Select选择框内容 v-model 和 option下拉框选项 导致无法select选中，或者选中视图不渲染问题,
凉城玖的博客
03-18 4187
有时候一些需求，需要上下两个Select 进行联动，比如 名称/id选择框的内容需要根据 科目选中后的内容，来进行搜索，所以当 科目清空后 名称/ID 需要清空 v-model 的值。以及 el-option下拉框的选项。 可以通过 <template v-if=“依赖项的选择值v-model值”></template> 来动态实时清空下拉框。 然后通过Change 事件 来清空 v-model 值，如果通过Change事件手动清空v-model 值后导致 该 ...
分页选择器v-selectpage获取后端数据的方法
03-30
<v-selectpage v-model="selectedOption" :options="options"></v-selectpage> ``` 4. 当用户选择了一个选项时，selectedOption变量会自动更新，可以将其作为接口参数提交给后端，例如： ``` submit() { axios....
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值