![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue3从基础到入门
liyunlong-java
Java后端程序员
展开
-
Vue3--项目总结--分页处理
getProductList 方法是对应的后端的分页方法,在这里当后端传回来数据后这里使用的是currentPage的值是++,最好使用后端传回来的数据。使用的pageHelper插件实现的分页,插件可以根据我们设置的限制动态计算出总页码,也可以直接取出来当前页,下一页的索引。例如要实现一个商品的分页查询:要求前端传回的参数,只需要当前页,和页面显示limit 这两个数据最好都设置默认值。这个例子是 根据当前页的,来设置是显示上一页还是下一页。原创 2024-06-06 23:02:43 · 167 阅读 · 0 评论 -
localStorage和sessionStorage的区别
若想在 localStorage存储对象,需要将对象转化为字符串的形式,应为 localStorage只能存储字符串数据,可以使用。使用localStorage存储数据,将数据以键值对的方式存储在浏览器中,例如将一个名为token的数据存储。但是:使用 其存储对象,对象经过序列化和反序列化的过程,会导致对象的方法丢失,仅仅存储的就是对象的属性和值。2.数据的更新:如果要更新原来已经存储的数据,只需要使用相同的键来设置新的值即可,新值将会覆盖掉旧值。原创 2024-05-31 12:56:51 · 138 阅读 · 0 评论 -
Vue--封装axios请求
vue 封装axios原创 2024-05-31 11:58:50 · 312 阅读 · 0 评论 -
element plus 新增和编辑共用同一个模态框
在使用elementplus的模态框组件,新增信息和编辑信息往往都需要一个模态框,并且二者的内容基本相同,所以可以共用一个模态框,这时就需要设计,模态框的标题和提交按钮,当点击的是新增按钮是,模态框的标题和提交按钮,对应的是新增的逻辑,点击的是编辑按钮时模态框的标题和提交按钮对应是是编辑的逻辑,这里的提交按钮也是通过isEditing自定义的值来控制,例如当打开新增的弹窗时设置isEditing的值为false ,这样它的标题和提交按钮执行的就是新增商品的那套逻辑。原创 2024-05-27 20:55:24 · 203 阅读 · 0 评论 -
Vue 防抖函数-实现登录按钮防抖
Vue 防抖函数原创 2024-05-27 20:53:08 · 215 阅读 · 0 评论 -
Vue----二进制文件导出
这里使用saveAs 函数来触发文件下载。首先 先安装 file-saver 库。2.引入FileSaver.js库。原创 2024-05-26 23:44:38 · 112 阅读 · 0 评论 -
Vue3-路由守卫
# Login.vue## 当登录成功后,将从后端传回来的token存起来,localStorage.setItem 是Web存储API中的一个方法,用于在浏览器的localStorage中存储数据。# router index.ts## 在路由配置的文件中配置 路由守卫,全局前置路由beforeEach 接收三个参数,to表示即将要跳转的路径,from表示当前的路径。next(),接收参数,如果调用时不带任何参数,路由器将会继续导航到下一个目标路由。next(false): 取消当原创 2024-05-23 21:13:54 · 131 阅读 · 1 评论