文章列表
-
- Vue Router 实现动态路由和常见问题及解决方法
- 个人理解：动态路由不同于常见的静态路由，可以根据不同的「因素」而改变站点路由列表。常见的动态路由大都是用来实现：多用户权限系统不同用户展示不同导航菜单。如何利用Vue Router 实现动态路由Vue项目实现动态路由的方式大体可分为两种： 前端将全部路由规定好，登录时根据用户角色权限来动态展示路由...
- 日期：2023-02-03
- 浏览：160
- 标签： Vue
-
- keep-Alive搭配vue-router实现缓存页面效果的示例代码
- Vue工程中有些页面需要有缓存。这个功能通过keep-alive组件实现，keep-alive组件可以使被包含的组件保留状态，或避免重新渲染。在routes.js中定义路由，在路由中定义元信息(meta字段)，需要缓存的页面就需要在meta对象中定义一个字段，这里设置为keepAlive，设置为tr...
- 日期：2023-01-11
- 浏览：202
- 标签： Vue
-
- Vue router-view和router-link的实现原理
- 使用<div id='app'> <router-link to=’home’>首页</router-link> <router-link to=’about’>关于</router-link> <router-view a=1...
- 日期：2022-10-03
- 浏览：77
- 标签： Vue
-
- 解决vue+router路由跳转不起作用的一项原因
- 如下所示：Vue.use(Router)export default new Router({mode:’history’,routes: [ { path: ’/’, component: Login }, { path: ’/login’, component: Login }, {...
- 日期：2023-01-03
- 浏览：106
- 标签： Vue
-
- 解决Vue router-link绑定事件不生效的问题
- 解决方法：加native<router-link to='/date' @click.native='nav_click'>最新</router-link> methods: { nav_click: function() { console.log(1) }}解释：1： ...
- 日期：2022-12-30
- 浏览：62
- 标签： Vue
-
- vue项目使用$router.go(-1)返回时刷新原来的界面操作
- 在项目需求中，我们常常需要使用$router.go(-1)返回之前的页面，但是却发现，之前的界面，保持着上次跳转的状态，比如说：弹框未关闭之类的等等，。。。。。问题如下：界面1 ：界面2使用$router.go(-1)返回上一次的界面由于使用$router.go(-1)返回，导致之前的数据都保留，并...
- 日期：2022-12-28
- 浏览：5
- 标签： 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
- 浏览：232
-
- vue-router的hooks用法详解
- 虽然Vue 3还没有正式发布，但是热爱新技术的我早已按捺不住自己的内心，开始尝试在小项目中使用它了。根据这篇《今日凌晨Vue3 beta版震撼发布，竟然公开支持脚手架项目！》我搭建了一个Vue 3的脚手架项目，用这种方式搭建的脚手架项目不仅仅只有vue是新版的，就连vue-router、vuex都是...
- 日期：2023-01-14
- 浏览：3
- 标签： Vue
-
- 解决VUE-Router 同一页面第二次进入不刷新的问题
- 最近正好遇到一个问题，修改用户的头像，修改后再进入用户主页，发现改了之后即使数据变了。。页面也不会重新渲染。。。下面提供几种解决方案来给予大家参考：1. 可以在刷新的页面定义一个参数, 这样每次都会渲染出不同的页面：route 实例化命名配置：{ // 用户信息 path: ’/accoun...
- 日期：2022-12-31
- 浏览：164
- 标签： Vue
-
- 详谈vue中router-link和传统a链接的区别
- Vue-router是伴随着Vue框架出现的路由系统，它也是公认的一种优秀的路由解决方案。在使用Vue-router时候，我们常常会使用其自带的路径跳转组件Link,通过实现跳转，这和传统的何其相似！但它们到底有什么具体的区别呢？官方中给出的解释是这样的：<router-link> 比起...
- 日期：2022-12-30
- 浏览：83
- 标签： Vue
排行榜
网公网安备