vue在路由过程中,改变导航栏的单个点击样式的问题。
2017-06-21 10:58
981 查看
当我们做一个公共底部组件,类似于tab选项卡或者导航栏,单击路由到另外一个组件上的时候,我们改变当前路由的样式问题,并且返回,样式不会初始化,因为他是由路由决定的
如果导航栏全部都是由router-link包含跳转的话,有一个非常好的方法
router-link-active
—-.router-link-active这个class,是当路由path指向当前组件时自动生成的,可以在此处设置样式(选中状态)
如果导航栏全部都是由router-link包含跳转的话,有一个非常好的方法
router-link-active
—-.router-link-active这个class,是当路由path指向当前组件时自动生成的,可以在此处设置样式(选中状态)
相关文章推荐
- vue列表渲染,以及鼠标点击改变样式的问题
- 当vue路由变化时,改变导航栏的样式方法
- [置顶] 当vue路由变化时,改变导航栏的样式
- 解决vue点击控制单个样式的问题
- vue2.0设置默认路由的代码,以及点击不同路由加上样式的api
- vue 点击选中改变样式
- 关于a标签,点击后,所有a标签样式改变的问题
- Vue2.0点击切换类名改变样式的方法
- OutLook样式类使用过程,弹出模式对话框时候,鼠标不能点击对话框按钮,的问题。
- Vue之栏父组件跳转子路由后当前导航active样式消失问题
- 关于vue点击控制单个样式
- Activity使用Dialog样式导致点击空白处自动关闭的问题
- Activity使用Dialog样式导致点击空白处自动关闭的问题
- ListView点击单个Item失效问题解决办法
- 摩托罗拉 开发过程中 activity listview 等样式问题
- Activity使用Dialog样式导致点击空白处自动关闭的问题
- WPF按钮清空自带样式,以及透明按钮时,Grid的Background属性设置引起"点击"问题.
- 点击某一个cell改变单个cell的高度
- 客户端登录界面,根据输入框的弹出改变界面样式,解决键盘挡住输入框的问题
- html5中点击按钮,改变按钮状态效果样式