分类：Router

2020
10-08

解决vue+router路由跳转不起作用的一项原因

如下所示：Vue.use(Router)exportdefaultnewRouter({mode:'history',routes:[{path:'/',component:Login},{path:'/login',component:Login},{path:'/register',component:Register},{path:'/*',component:NotFound},]})记得要写上mode:'history',原因如下补充知识：vue-router配置后地址栏输入跳转不成功问题在起服务的js中增加connect-history-api-fallbackconsthistory=require('conn... 继续阅读 >

2020
10-08

解决vue项目router切换太慢问题

问题定位：随着项目增大，有一天突然发现页面切换时候，要等1-2s页面才切换过去，然后就开始定位问题，刚开始以为时页面组件太多导致的，通过删除组件，发现没啥改善，然后就在两个页面打印日志，第二页面created周期时间和路由切换时间相差不大，可以排除是页面渲染耗时。然后在第一个页面的destroyed周期里面打印日志，发现destroyed->router切换耗时1.5s左右，这时候定位问题是vue的destroyed周期耗时。destroyed周期耗时：这时... 继续阅读 >

2020
10-08

vue-router为激活的路由设置样式操作

1.首先先写好类名2.在router里的js文件中添加linkActiveClass:'active'补充知识：记录vue遇到问题，子页面没有router-link对应导航栏激活样式如下所示：li><router-linkto="/basicSearch":class="{'link-active':linkBoolean}">基础检索</router-link></li>data(){return{imgUrl,linkBoolean:false}},created(){if(this.$route.path=="/storeDetails"||this.$route.path=="/utxoDetails"||this.$ro... 继续阅读 >

2020
10-06

vue-router的hooks用法详解

虽然Vue3还没有正式发布，但是热爱新技术的我早已按捺不住自己的内心，开始尝试在小项目中使用它了。根据这篇《今日凌晨Vue3beta版震撼发布，竟然公开支持脚手架项目！》我搭建了一个Vue3的脚手架项目，用这种方式搭建的脚手架项目不仅仅只有vue是新版的，就连vue-router、vuex都是最新的。给大家截一下package.json的图：可以看到vue-router和vuex都已经开启4.0时代啦！不过其实我并没有去了解过vue-router4.0的新用法什么的... 继续阅读 >

2020
09-24

Vue Router 实现动态路由和常见问题及解决方法

个人理解：动态路由不同于常见的静态路由，可以根据不同的「因素」而改变站点路由列表。常见的动态路由大都是用来实现：多用户权限系统不同用户展示不同导航菜单。如何利用VueRouter实现动态路由Vue项目实现动态路由的方式大体可分为两种：前端将全部路由规定好，登录时根据用户角色权限来动态展示路由；路由存储在数据库中，前端通过接口获取当前用户对应路由列表并进行渲染；第一种方式在很多VueUIAdmin上都实现了，可以... 继续阅读 >

2020
09-24

vue.js this.$router.push获取不到params参数问题

主要通过两种方式传参1.query方式传参和接受参数this.$router.push({path:'/xxx'query:{idname:id}})接收的方式：this.$route.query.id2.params方式传递参数this.$router.push({name:'路径名称'query:{idname:id}})接收的方式：this.$route.params.id代码this.$router.push({path:'/container',params:{url:this.func.url,},});在跳转后的页面中console.log(this.route)发现params是空的问题原因:用法错误,以... 继续阅读 >

2020
09-24

Vue Router的手写实现方法实现

为什么需要前端路由在前后端分离的现在，大部分应用的展示方式都变成了SPA（单页面应用SinglePageApplication）的模式。为什么会选择SPA呢？原因在于：用户的所有操作都在同一个页面下进行，不进行页面的跳转。用户体验好。对比多页面，单页面不需要多次向服务器请求加载页面（只请求一次.html文件），只需要向服务器请求数据（多亏了ajax）。因此，浏览器不需要渲染整个页面。用户体验好。归根结底，还是因为SPA能够... 继续阅读 >

2014
11-07

Yii框架官方指南系列7——基础知识：控制器

控制器是 CController 或其子类的实例。它在当用户请求时由应用创建。当一个控制器运行时，它执行所请求的动作，动作通常会引入所必要的模型并渲染相应的视图。 动作 的最简形式，就是一个名字以 action 开头的控制器类方法。控制器通常有一个默认的动作。当用户的请求未指定要执行的动作时，默认动作将被执行。默认情况下，默认的动作名为 index。它可以通过设置 CController::defau... 继续阅读 >

2014
11-07

起步——PHP安装部署（基于linux和windows平台）

1.linux下的安装部署Ubuntu下的安装部署：Ubuntu下安装LAMP及phpmyadminUbuntu下编译安装lamp环境：在Ubuntu中使用源码编译安装Apache+MySQL+PHP开发环境CentOS下的安装部署：阿里云服务器下安装LAMP环境——基于CentOS6.32.Windows下的安装部署Windows下有多种方式来安装PHP，你可以下载二进制安装包。若只是本地开发和学习，可以直接使用PHP5.4内置的Web服务器，还能省去配置服务器的麻烦。如果你喜欢包含PHP、Apac... 继续阅读 >