- 博客(15)
- 收藏
- 关注
RSS订阅原创 js实现列表分页、查询(等细节处置)的功能
在前面的分析中，我们可以知道，查询的数组就是未查询的分页数组过滤之后的新数组，之后创建页面的逻辑也是一样，因此在整体封装创建页面的方法之前，我们可以添加一个字段去判断是否进行了查询，是，就用新数组，否，就用原始的数组。区别无非在于拆分的这个数组有所变化对吧，这是根据查询生成的一个新的数组，其他按部就班的来就没问题了。分页一般来说，主要包括：上下页切换的功能、点击页码跳转某一页的功能以及直达某一页的功能，那目标就是正确的显示当前页的数据以及分页中的页码及其他数据，然后再注意一些其他的细节就可以了。
2024-01-06 23:03:27
1686
原创 Vue项目中crypto-js加密解密的封装（附完整代码）
使用相应的加密算法（如 AES、DES、Triple DES、Rabbit 或 RC4）对字节序列进行加密，使用给定的密钥、密钥偏移量；对于哈希函数 hashSHA256 ，使用 SHA256 算法对给定的数据进行哈希计算，并将结果转换为字符串形式返回；对于每个解密函数，首先将密文转换为 CryptoJS 支持的格式；使用相应的解密算法对密文进行解密，使用给定的密钥、密钥偏移量；将加密结果转换为字符串形式，并返回加密后的结果；将解密结果转换为字符串形式，返回解密的结果；
2023-10-12 11:26:36
1482
原创 Vue项目中模块化封装vue-router（易拓展、可维护）
定义了一个createRoute函数，用于创建路由对象，包括以下几个属性：路径（path）、名称（name）、组件（component）、重定向（redirect）、标题（title）、按钮权限（btnPermissions）和子路由（children）；数组中的元素通过调用createRoute函数创建的路由对象，这些路由对象包括根路径的路由对象、一级路由的路由对象（二级路由对象、三级…）展开，并赋值给变量routes，形成了完整的路由对象数组。最后，通过export default将routes导出;
2023-10-11 11:54:51
290
原创 uni-app项目中引入Vant UI组件库（完美避坑！！！）纯净版
uni-app项目中引入Vant UI组件库（纯净版--无uni-ui）
2023-03-19 14:34:21
37675
41
原创 iView Select组件回显失败、设置默认值失败问题总结（！！！注意select绑定的value值数据类型是否一致）
iView Select组件回显失败、设置默认值失败问题总结（！！！注意select绑定的value值数据类型是否一致）
2023-03-01 19:24:08
3271
原创 iVew实现带Icon的输入框点击图标触发 on-click 事件
最近在使用IVewUI组件库的时候，想在框中实现点击图标触发on-click事件，通过阅读IVew官方文档尝试着解决了这一问题。
2022-07-23 22:15:47
1474
原创 vue3踩坑之作用域插槽的使用，以及vue3和vue2中作用域插槽的对比和使用
项目场景：在系统后台开发中，前端需要对后端返回数据进行处理，比如说，用户角色、付款方式等等，而返回的这些数据里面通常是数字来表示相关的角色和身份，如：1表示管理员，2表示用户；又比如说1表示支付宝支付，2表示微信支付，3表示银行卡支付。页面上渲染出数据是数字的形式，但对用户来说其实这种方式并不具备明显的指代意义，所以为了实现更好的用户体验，前端会使用作用域插槽对该数据进行处理，实现与用户之间更好的交互，以下案例中使用el-tag标签来指代上述提到的数据。开发场景vue2对作用域插槽的使用，渲染不同的
2022-04-20 17:00:27
3794
原创 如何使用Element Plus 提供的Icon图标库
文章目录前言一、安装二、使用1.引入需要的图标2.页面效果3.还有一个奇怪的问题总结前言用vue3开发的时候，使用element-plus UI组件库的时候，发现不能像之前vue2时候使用的那么方便了，需要单独引入和使用，且使用的方式发生了很大的变化，这篇文章将详细的为你说明element-plus icon组件库的使用方法。一、安装第一种，使用包管理工具：$ npm install @element-plus/icons-vue$ yarn add @element-plus/icons-v
2022-03-26 19:24:25
10106
原创 Vue如何实现不同登录方式的切换（账号密码登录、邮箱验证登录等）
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、使用vue开发框架的时候，无论是vue2或是vue3，都会运用到element ui组件库或是element-plus ui组件库，所以我们要解决的问题首先从这些组件库里来找寻答案二、项目里按需引入或者全局导入element ui组件库或是element-plus ui组件库1.省略常规操作，直接在页面中引入Tabs（标签页）组件2.运行后的效果三、再说一下Tabs（标签页）的属性（根据项目的实际需求添加）前言通常情.
2022-03-26 17:47:29
15567
12
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人