海创两周汇报
文章平均质量分 71
大橘为重¨
Hello Hello!!
展开
-
Vue Router路由常用功能总结
Vue Router是vue的核心插件之一 。Vue Router路由常常用于对组件进行映射与跳转。如此更方便我们实现不同页面组件的切换而实现传统网页a链接跳转的相似功能,也支持我们对子组件进行管理、放置。...原创 2022-01-30 17:07:57 · 5314 阅读 · 0 评论 -
vue+element实现文件上传功能及相关优化
文章记录了vue+element上传功能的实现,和有关规范上传文件类型及上传进度的优化原创 2022-01-17 12:59:22 · 935 阅读 · 0 评论 -
三种登录形式的实现—永久登录、每次进入页面登录、设置登录有效期
三种登录形式的实现—永久登录、每次进入页面登录、设置登录有效期前言一、sessionStorage和localStorage区别和使用1、localStorage(本地储存):2、sessionStorage(会话储存):二、每次进入页面登录:三、设置登录有效期:方法一 、方法二 、前言本文内容和案例基于vue+token实现,有关如何实现基本的登录功能在 “前端vue3+token实现用户认证” 文章有提到,这里不做过多累述。注:上面文章里的写法就是用户在登录页面登录一次后若不主动退出登录就会永久原创 2022-01-14 22:22:06 · 4535 阅读 · 0 评论 -
vue中axios的全局配置和自定义配置axios实例
vue中axios的全局配置和自定义配置axios实例前言一、安装相关插件模块安装axios:安装qs:安装element:二、axios的全局配置1、创建文件2、导入配置文件3、编写配置文件三、创建配置axios实例1、创建文件3、编写axios实例配置文件4、使用创建的axios实例第一步:编写需要的请求函数创建文件写接口函数内容第二步:在vue页面使用导入并接口函数前言本文主要讨论vue项目中axios的全局配置和自定义配置axios实例。涉及到的内容有:Vue、axios、Element-ui原创 2021-11-13 17:10:58 · 11082 阅读 · 1 评论 -
axios中post请求传参失败常见问题(数据序列化处理)
axios中post请求数据序列化处理前言解决方法方法一:方法二:方法三(推荐):前言后台能够直接处理的数据格式,是一种经过序列化的键值对数据;注:axios的params是通过url传参(常用于get,所传的对象会自动序列化处理拼接到url上);data 是放在 body 里面的(常用于post,传递的对象不会自动序列化处理)解决方法方法一:使用new FormData()创建FormData对象传递参数FormData对象会将数据编译成键值对,以便用XMLHttpRequest来发原创 2021-11-12 22:54:41 · 3187 阅读 · 0 评论 -
前端vue3+token实现用户认证
前端vue+token实现用户认证前言代码展示1.登录:2.退出登录:3.网络请求的请求拦截和相应拦截部分部分:路由导航守卫:前言本文主要讨论vue项目中的token认证实现登录功能。涉及到的内容有:Vue3、Vue Router、axios、Vant组件库。1、Vue3官方文档2、Vue Router3、Vant组件库文章内容主要实现用户登录时记录验证信息于本地,这样设置用户下次再进入页面时就不用重新登录;设置退出登录的功能,用于清除本地记录的token信息;设置相应拦截,对于需要原创 2021-08-14 22:17:32 · 7740 阅读 · 0 评论 -
使用vue+Element实现分页功能
使用vue+Element实现分页功能前言一、案例代码展示及效果二、分页功能模块解释1.引入分页组件2.结合slice()和PageSize 、currentPage 参数对遍历数据实现分页前言提示:在数据处理和展示时,我们常常对需要数据进行分页展示,故本文主要介绍基于vue3和element-plus实现的分页功能提示:以下是本篇文章正文内容,下面案例可供参考一、案例代码展示及效果主要代码:<template><div class="body"> <di原创 2021-07-18 21:58:38 · 3689 阅读 · 0 评论 -
vue项目上线后在地址栏进行路由跳转出现错误页面,无法正确跳转
vue项目上线后路由跳转出现错误页面,无法正确跳转解决方法:提示:本文主要介绍遇到vue3项目上线后路由跳转出现错误页面,无法正确跳转的解决方案解决方法:更改路由的跳转方式为hash模式:在router/index.js下添加:import { createRouter, createWebHashHistory } from 'vue-router'并修改原来的History模式const router = createRouter({ history: createWebHist原创 2021-07-17 23:29:17 · 2552 阅读 · 2 评论 -
如何对Element组件的样式进行自定义修改
如何对Element+组件的样式进行自定义修改前言举例项目主要代码:效果:一、定位需要修改的样式二、使用全局样式的修改方法代码如下三.使用局部样式的修改方法代码如下前言在项目开发过程中我们常常需要借助第三方组件库,而element就是我们使用vue框架是常用的组件库之一。本文章主要解释如何对element中的组件样式进行自定义修改。提示:以下是本篇文章正文内容,下面案例可供参考举例项目主要代码:<template><div class="body"> <原创 2021-07-17 23:15:14 · 9069 阅读 · 2 评论 -
vue3中keep-alive和vue-router的结合使用
vue3中keep-alive和vue-router的结合使用前言代码一、为何要使用keep-alive?二、vue2中使用keep-alive将“router-view”组件包含于“keep-alive”即可三、vue3中使用keep-alive四、keep-alive属性“include,exclude”的使用。前言keep-alive:Vue内置的一个组件,可以使被包含的组件保留状态,或避免重新渲染。router-view:vue-router内置组件, 如果直接包含在keep-alive里原创 2021-05-21 22:56:50 · 9067 阅读 · 1 评论 -
vue3使用Element Plus
文章目录一、前言二、使用步骤1.npm安装2.引入 Element Plus3.举例使用Element Plus中的组件一、前言为加快项目开发速度,我们常常借助第三方的UI组件库,本文主要讨论在vue3环境下使用npm引入Element Plus,并举例使用。Element Plus官网二、使用步骤1.npm安装代码如下(示例):npm install element-plus --save2.引入 Element Plus代码如下(示例):在main.js中添加以下内容:im原创 2021-05-08 21:44:26 · 3199 阅读 · 1 评论 -
vue实现查询功能
vue个人博客-解决对本地数据查询时出现删除编辑出错的问题博客展示主要代码实现查询时博客展示内容刷新出现问题解决方法博客展示主要代码博客展示:<div class="showBlog"> <h1>Blog post</h1> <!-- 搜索框 --> <input type="text" v-model="search" placeholder="搜索blog标题" v-if="flag" class="search"原创 2021-05-08 17:29:55 · 11015 阅读 · 7 评论