Ethan Zhu
©️朱俊辉
All Rights Reserved.

vue-router的使用注意

  • router-link的使用注意
<router-link tag='div' class="tab-item" to='/home'>首页</router-link>

router-link默认是a标签,如果像替换成其他标签的话,添加tag属性,可以改变他的标签

  • 路由会自动生成一个类名用来实现排他效果,它的默认类名是.router-link-active,当然我们可以对他进行修改.
var router1 = new vueRouter({
    linkActiveClass:'list-active',  //改变路由激活时的class名称
	routes:[
        {path:'/',redirect:'/home'},// 设置当服务器启动的时候默认进入 /home中 重定向
	{path:'/home',component:home}
	]
    });
2018-03-17
暂无评论

发表评论