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
转载 9月前
20阅读
创建项目首先我们要创建项目并安装相关组件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
# 使用 Vue 3 直接获取 Redis 在现代 web 开发,Redis 是一个高效、开源内存数据结构存储系统,常用于缓存和实时数据处理。将 Vue 3 与 Redis 结合使用,可以让前端项目更快速地获取数据。在这篇文章,我们将学习如何实现 Vue 3 直接获取 Redis 。 ## 流程概述 为了实现 Vue 3 获取 Redis ,我们需要建立一个完整工作流程
原创 10月前
81阅读
Vue页面跳转优化,loading中间状态和骨架屏milugloomy 用vuexdispatch提交变量好像不行原因先看一段简单、常规vue代码。<template> <div v-if="list && list.length>0"> <div v-for="row in list"> <sp
转载 2024-06-07 11:15:03
103阅读
在使用element-plusloading加载组件时,发现了这么一个方法  引发思考:第一行代码很好懂,创建一个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,也真的让人有种想要发狂感觉。但是还好,最后在不断查资料和尝试当中。实现了想要效果,仅供参考:     首先我这里实现效果是切换
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。这篇文章将详细介绍如何实现这一点,并通过示例和注释帮助你理解每一步。 ## 整体流程 我们将依照以下流程进行步骤讲解: |
原创 10月前
153阅读
写在前面这个作业属于哪个课程<班级链接>这个作业要求在哪里<作业要求链接>这个作业目标个人技术总结作业正文正文如下其他参考文献... Part1.技术分享好像没有什么干货可以分享,就分享一下Vue框架踩到坑以及我解决方法吧一、Vue多次点击路由会报错重复点击跳转按钮不起作用,浏览器报错如图查阅了资料[1],发现是router版本bug,需要升级rou
文章目录获取响应式数据应用注意点监听数据变化watchEffectwatch应用判断转换unreftoReftoRefs应用 获取响应式数据API传入返回备注reactiveplain-object对象代理深度代理对象所有成员readonlyplain-object or proxy对象代理只能读取代理对象成员,不可修改refany{ value: … }对value访问是响应式,如
  • 1
  • 2
  • 3
  • 4
  • 5