文章列表
-
- Vue router安装及使用方法解析
- 对于单页应用，官方提供了vue-router进行路由跳转的处理，本篇主要也是基于其官方文档写作而成。安装基于传统，我更喜欢采用npm包的形式进行安装。npm install vue-router --save当然，官方采用了多种方式进行安装，包括bower,cdn等。基本用法在HTML文档中使用，只...
- 日期：2022-10-21
- 浏览：366
- 标签： Vue
-
- vue-router之解决addRoutes使用遇到的坑
- 最近项目中使用了vue-router的addRoutes这个api，遇到了一个小坑，记录总结一下。场景复现：做前端开发的同学，大多都遇到过这种需求：页面菜单根据用户权限动态生成，一个常见的解决方案是：前端初始化的时候，只挂载不需要权限路由，如登陆，注册等页面路由，然后等用户登录之后，后端返回当前用户...
- 日期：2023-01-03
- 浏览：80
- 标签： Vue
-
- Vue Router 实现动态路由和常见问题及解决方法
- 个人理解：动态路由不同于常见的静态路由，可以根据不同的「因素」而改变站点路由列表。常见的动态路由大都是用来实现：多用户权限系统不同用户展示不同导航菜单。如何利用Vue Router 实现动态路由Vue项目实现动态路由的方式大体可分为两种： 前端将全部路由规定好，登录时根据用户角色权限来动态展示路由...
- 日期：2023-02-03
- 浏览：244
- 标签： Vue
-
- 如何处理vue router 路由传参刷新页面参数丢失
- 目录概述方法一：通过 params 传参方法二：通过 query 传参方法三：使用 props 配合组件路由解耦概述常见场景：点击列表的详情，跳转到详情内页，在内页根据传递的参数获取详情数据。路由传参一般有如下几种方式，下面主要介编程式导航 router.push 的传参方式：方法一：通过 para...
- 日期：2022-09-29
- 浏览：52
- 标签： Vue
-
- MySQL Router实现MySQL的读写分离的方法
- 目录1.简介2.配置MySQL Router2.1 安装MySQL Router2.2 启动并测试MySQL Router3.MySQL Router的配置文件解释1.DEFAULT片段的配置。2.logger片段的配置。3.routing片段的配置。4.为MySQL Router提供SysV脚本1...
- 日期：2023-10-02
- 浏览：406
-
- Vue Router的手写实现方法实现
- 为什么需要前端路由在前后端分离的现在，大部分应用的展示方式都变成了 SPA（单页面应用 Single Page Application）的模式。为什么会选择 SPA 呢？原因在于： 用户的所有操作都在同一个页面下进行，不进行页面的跳转。用户体验好。 对比多页面，单页面不需要多次向服务器请求加载页...
- 日期：2023-02-04
- 浏览：294
- 标签： Vue
-
- vue-router为激活的路由设置样式操作
- 1.首先先写好类名2.在router里的js文件中添加 linkActiveClass:’active’补充知识：记录vue遇到问题，子页面没有router-link对应导航栏激活样式如下所示：li><router-link to='/basicSearch' :class='{’lin...
- 日期：2023-01-05
- 浏览：135
- 标签： Vue
-
- 解决vue项目router切换太慢问题
- 问题定位：随着项目增大，有一天突然发现页面切换时候，要等1-2s页面才切换过去，然后就开始定位问题，刚开始以为时页面组件太多导致的，通过删除组件，发现没啥改善，然后就在两个页面打印日志，第二页面created周期时间和路由切换时间相差不大，可以排除是页面渲染耗时。然后在第一个页面的destroyed...
- 日期：2023-01-03
- 浏览：101
- 标签： Vue
-
- 解决vue+router路由跳转不起作用的一项原因
- 如下所示：Vue.use(Router)export default new Router({mode:’history’,routes: [ { path: ’/’, component: Login }, { path: ’/login’, component: Login }, {...
- 日期：2023-01-03
- 浏览：191
- 标签： Vue
-
- 解决VUE-Router 同一页面第二次进入不刷新的问题
- 最近正好遇到一个问题，修改用户的头像，修改后再进入用户主页，发现改了之后即使数据变了。。页面也不会重新渲染。。。下面提供几种解决方案来给予大家参考：1. 可以在刷新的页面定义一个参数, 这样每次都会渲染出不同的页面：route 实例化命名配置：{ // 用户信息 path: ’/accoun...
- 日期：2022-12-31
- 浏览：285
- 标签： Vue
网公网安备