1.用户的登录操作1.1对于token的说明1.由于服务器需要标识已经登录的用户,所以服务器动态生成一个独一无二的token,返回给用户; 2.用户将token保存到本地,方便下次访问时携带;1.2生成UUID,代码演示package com.jt.service;
import com.baomidou.mybatisplus.core.conditions.query.QueryWrappe
转载
2024-10-12 06:53:26
277阅读
1.用户的登录操作1.1对于token的说明1.由于服务器需要标识已经登录的用户,所以服务器动态生成一个独一无二的token,返回给用户; 2.用户将token保存到本地,方便下次访问时携带;1.2生成UUID,代码演示package com.jt.service;
import com.baomidou.mybatisplus.core.conditions.query.QueryWrappe
转载
2024-10-12 06:53:32
74阅读
创建项目首先我们要创建项目并安装相关的组件1. vue init webpack luffy
2. 安装依赖:
cd luffy
npm install vuex --save 用于:多组件之间数据共享
npm install vue-cookies --save 用于:操作cookie
npm install ax
创建项目首先我们要创建项目并安装相关的组件1. vue init webpack luffy
2. 安装依赖:
cd luffy
npm install vuex --save 用于:多组件之间数据共享
npm install vue-cookies --save 用于:操作cookie
npm install ax
转载
2024-10-25 17:30:12
60阅读
session:存储,关闭浏览器删除保存数据:window.sessionStorage.setItem('key',value); 读取数据:window.sessionStorage.getItem('key'); 删除单个数据:window.sessionStorage.removeItem('key'); 删除所有数据:window.sessionSto
转载
2024-03-01 20:37:29
939阅读
1. 受现代 JavaScript 的限制,Vue不能检测到对象属性的添加或删除。由于 Vue 会在初始化实例时对属性遍历执行 getter/setter 转化过程,所以属性必须在 data 对象上存在才能让 Vue 转换它,这样才能让它是响应的。解决办法:数组
this.$set(Array, index, newValue)
对象
this.$set(Object, key, value)有
在VUE项目中,由于是单页应用,vuex中的数据在页面刷新时就会被清除,所以我们要考虑怎样让vuex中的数据持久保存在浏览器中,至少不能每次刷新时都丢失登录状态,这篇文章介绍VUE项目中常用到的两种vuex持久化的方法,底层实现原理一直,方法不太一样,可以在项目中根据实际来区分方法一、浏览器监听+本地存储我们可以监听浏览器的刷新,在页面刷新时将vuex内的数据保存在本地存储中(根据项目需要可以考虑
key 的一个错误使用——使用 index 作为 key
不知道你在写 v-for 的时候,会不会直接使用 index 作为它的 key 值,是的,我承认我会,不得不说,这真的不是一个好习惯。以下是核心代码,其中 arrData 的值为 [1,2,3,4]<div id="sort">
<div v-for="(item,index) in arrData" :key="in
转载
2024-04-13 12:51:28
162阅读
JSON.parse(JSON.stringify(fileList.value))
原创
2022-04-20 10:41:31
3474阅读
最近项目中涉及到跨页面传参数和后台进行数据交互,看到需求之后第一反应就是用路由传参来解决;Vue中给我们提供了三种路由传参方式,下面我们一个一个的来看一下:方法一:params传参:this.$router.push({
name:"admin",
//这里的params是一个对象,id是属性名,item.id是值(可以从当前组件或者Vue实例上直接取)
p
转载
2024-06-27 07:12:58
304阅读
# 使用 Vue 3 直接获取 Redis 的值
在现代 web 开发中,Redis 是一个高效、开源的内存数据结构存储系统,常用于缓存和实时数据处理。将 Vue 3 与 Redis 结合使用,可以让前端项目更快速地获取数据。在这篇文章中,我们将学习如何实现 Vue 3 直接获取 Redis 的值。
## 流程概述
为了实现 Vue 3 获取 Redis 的值,我们需要建立一个完整的工作流程
Vue页面跳转优化,loading中间状态和骨架屏milugloomy 用vuex的dispatch提交变量好像不行原因先看一段简单、常规的vue代码。<template>
<div v-if="list && list.length>0">
<div v-for="row in list">
<sp
转载
2024-06-07 11:15:03
103阅读
在使用element-plus的loading加载组件时,发现了这么一个方法 引发思考:第一行代码很好懂,创建一个ElLoading的实例,其中options时启动loading的配置项第三行代码很好懂,关闭这个loading实例,那么第二行这个nextTick是干什么用的呢 我们不妨反向思考一下,如果没有这个方法,直接写loadingInstance.close会
转载
2024-05-18 13:50:23
136阅读
摘要:项目中经常会要用到大大小小的功能,所以我在这里进行一个汇总,后面会持续添加至这篇博客,希望当你遇到这个功能时,我的博客能够对你有帮助,(上一篇博客说要在收假后写一篇博客做一个年终总结,想了半天不知道写什么,文笔不好,就算了,不写了,今天是情人节,祝没有脱单的程序员赶快脱单,脱单了的永不脱发,脱发了的就当我没说......)一.安装(npm)图片如下:可使用npm进行安装也可以使用VSCode
1、在vue项目中①:使用命令yarn add vuex安装vuex插件②:新建文件命名为store.js,在文件中引入vue和vuex并使用vuex③构建新的Vuex.store对象,传入作为参数的对象,对象中包含基本的state、getter、mutations、actions四个属性。import Vue from 'vue';
import Vuex from 'vuex';
Vue.us
我只想说每个人遇到的bug真的不能一概而论,解决办法也会有不同。在vue中使用echarts的时候,会想要实现window.resize窗体变化大小的时候让图形大小跟着变化。实现的过程中各种bug,也真的让人有种想要发狂的感觉。但是还好,最后在不断的查资料和尝试当中。实现了想要的效果,仅供参考: 首先我这里实现的效果是切换
转载
2024-06-26 17:52:47
91阅读
refref作为在vue里面我们获取元素最常用的一个api,在vue3迎来改造。vue2获取元素在之前vue2使用ref获取元素时,直接在元素上绑定ref属性,在直接使用this.$refs[‘自定义属性名’]就能直接获取。 但是这样也是有一定风险的。因为ref绑定的在元素上,所以当元素没有进行渲染时,是不能通过ref获取到元素的。<template>
<div>
转载
2024-09-03 23:37:12
396阅读
# 如何在 Vue 3 中获取 Axios 请求返回值中的 URL
在现代前端开发中,使用 Axios 进行 HTTP 请求成为了一种常见的做法。Vue 3 是一个非常流行的前端框架,结合 Axios 使用时,我们常常需要从请求的返回值中提取特定的数据,比如 URL。这篇文章将详细介绍如何实现这一点,并通过示例和注释帮助你理解每一步。
## 整体流程
我们将依照以下流程进行步骤讲解:
|
写在前面这个作业属于哪个课程<班级的链接>这个作业要求在哪里<作业要求的链接>这个作业的目标个人技术总结作业正文正文如下其他参考文献... Part1.技术分享好像没有什么干货可以分享,就分享一下Vue框架中踩到的坑以及我的解决方法吧一、Vue多次点击路由会报错重复点击跳转按钮不起作用,浏览器报错如图查阅了资料[1],发现是router版本的bug,需要升级rou
文章目录获取响应式数据应用注意点监听数据变化watchEffectwatch应用判断转换unreftoReftoRefs应用 获取响应式数据API传入返回备注reactiveplain-object对象代理深度代理对象中的所有成员readonlyplain-object or proxy对象代理只能读取代理对象中的成员,不可修改refany{ value: … }对value的访问是响应式的,如
转载
2024-09-28 10:06:25
42阅读