- 博客(5)
- 收藏
- 关注
原创 全局守卫
全局路由守卫解决用户还没登录时就直接显示首页内容的问题通过全局路由守卫 - 导航守卫 - 全局前置守卫,在进入页面之前就对内容进行拦截 判断用户是否登录全局前置守卫//全局前置守卫分别是to、from、next有三个参数router.beforeEach((to,from,next)=>{ conslole.log(to)//我们要跳转的路由 conslole.log(from)//表示我们从哪个路由跳转过来 conslole.log(next)//控制下一步的跳转})配置
2021-03-25 20:12:33 251
原创 axios响应式拦截
axios拦截器解决用户过了一段时间就需要重新登陆优化代码的方案在main.js里面写入axios拦截器引入拦截器// 添加响应拦截器axios.interceptors.response.use(function (response) { // 对响应数据做点什么 return response; }, function (error) { // 对响应错误做点什么 return Promise.reject(error); });改写成箭头函
2021-03-25 20:09:01 266
原创 2021-03-25
用户登录操作登录操作触发条件当用户点击登录按钮出发单机事件,执行对应的事件回调处理函数submit此时即可验证用户是否登陆成功登录失败:当获取到对应的错误提示信息与错误提示码,我们可以向用户提示错误信息报错效果展示:注意:此种方式会导致报错固化,所以我们需要编写代码如下登录成功验证实现方式,通过表单双向绑定获取用户登陆输入的表单数据,这样我们post提交的数据即可获取到data选项中的数据form登录成功后我们需要执行如下操作1-存储到vuex2-存储到本地存储3-成功
2021-03-25 20:04:33 83
原创 2021-03-24
安装http协议库(axios)方式一:黑窗口npm install axios注意:需要在发送请求的页面引入axiosimport axios from “axios”方式二:git窗口vue add axios登录验证1-请求指定接口地址http://ceshi5.dishait.cn/admin2-获取到登录表单中的数据【用户名 密码】3-请求成功1、登录1、把成功的数据通过commit的方法存储到vuex当中2、使用sessionstorage方法存储到本地当中3
2021-03-25 14:32:11 102 2
原创 计算属性与监听属性
计算属性:watch和computed的区别computed:是一个计算属性具有依赖性只执行一次就拿出来调用下一次获取computed的值时才会重新计算 。watch:当一条数据影响多条数据的时候就要用watch。下面展示一些 内联代码片。new Vue({ data: { n: 0, obj: { a: "a" } }, template: ` <div> <button @click="n += 1">
2020-12-15 16:39:50 2644 8
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人