随笔分类 - Vue2
摘要:转载:https://blog.csdn.net/MJ1314MJ/article/details/109019661 一:路由拦截器(beforeEach:路由守卫) vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。(在路由跳转时触发) 我们主要介绍的是可以验证用户登录状
阅读全文
摘要:参考一: vue @click.native 原生点击事件: 1,给vue组件绑定事件时候,必须加上native ,不然不会生效(监听根元素的原生事件,使用 .native 修饰符) 2,等同于在自组件中: 子组件内部处理click事件然后向外发送click事件:$emit("click".fn)
阅读全文
摘要:/* * @Description: 拦截器 * @Version: 1.0 * @Autor: Nanke_南柯 * @Date: 2020-09-04 09:07:31 * @LastEditors: Nanke_南柯 * @LastEditTime: 2020-10-21 16:24:27 *
阅读全文
摘要:在编写页面时,看到页面没有任何效果就只是直入直出,完全没有一点逼格,所以想要实现类似于原生app的那种切换页面时的特效,遂开始google,发现网上各种方案都是各有优缺点,于是整理了自认为优雅的方案并记录下来. 实现难点 如何判断切换路由时是前进还是后退 每次切换时向左向右切换动画如何实现 解决方案
阅读全文
摘要:vue项目中请求不同接口时,动态切换对应域名。 1.首先是项目搭建是vue-cli,搭建完毕会有全局变量配置生成文件 设置好两个域名 2、API中设置识别环境参数,这里属性名为requestBaseUrl api管理目录结构: 加上: 3.开始配置拦截器 到这里,我们把config打印出来,所有参数
阅读全文
摘要:1 <!-- 2 * @Description: nav侧边栏 3 * @Version: 1.0 4 * @Autor: Nanke_南柯 5 * @Date: 2020-09-03 17:22:19 6 * @LastEditors: Nanke_南柯 7 * @LastEditTime: 20
阅读全文
摘要:简单记录:多个组件为页面切换时如何设置过渡动画。 路由切换设置过渡效果请移步:"https://blog.csdn.net/qq_33236453/article/details/79110485" "animate.css版本为": "^4.1.0" 红色部分为相关主要代码: <template>
阅读全文