VUE 学习之 route-link 的样式以及需要注意的地方
来源:互联网 发布:山寨币行情软件 编辑:程序博客网 时间:2024/06/05 11:12
是 vue-route 中的一个组件,它的作用就是相当于 a 标签一样的给路由做导航,事实上它也确实是默认被渲染为 a 标签。关于它的详细信息请看 官方文档
这里要说的是在使用中要注意的一些问题:
1. replace
添加这个属性的路由在导航后不会留下 history 记录,目测这是一个非常好用的属性,可以解决以前烦死人的 history 问题,大幅提高用户体验。
2. tag
route-link 会被默认渲染为 a 标签,如果你想让它渲染成其它的标签就可以使用 tag 属性,这样可以解决一些 a 标签的默认样式问题。
3. exact
设置了这个属性的路由会被认为是处于激活状态,最典型的应用就是导航栏了,比如说一组5个 tab,给第一个 tab 设置这个属性,那么它就是处于选中状态。
4. active-class
链接激活时的类名,其实这个也是为了方便导航栏切换状态的,设置这个属性就可以让链接在激活时自动切换相应的样式。
5. router-link-active
这是一个类名,也是上面第四条属性的默认值,就是说链接在被激活时会自动给加上这个 class,所以就可以把这个 class 写在 style 里面,里面写上导航在激活时的一些公共样式,比如字体颜色,大小等。
以上就是我对 route-link 这个组件的相关理解,更深的理解还是需要在实践中去体会。
阅读全文
0 0
- VUE 学习之 route-link 的样式以及需要注意的地方
- Vue需要注意的地方
- link流程 建立时需要注意的地方
- FPGA之学习FPGA需要注意的地方
- FPGA之学习FPGA需要注意的地方
- 需要注意的地方
- 需要注意的地方
- 需要注意的地方
- javascript学习需要注意的地方
- css 中需要注意学习的地方
- xmpp之登录需要注意的地方
- TD样式调整需要注意的一个地方
- 判断质数的方法以及需要注意的地方
- Android 夜间模式的设置以及需要注意的地方
- struts2 bean标签以及其他标签需要注意的地方
- struts2 bean标签以及其他标签需要注意的地方
- 【Unity3d】热更新Assetbundle资源以及需要注意的地方
- android ExpandableListView属性以及需要注意的地方
- 区块链开发(二)以太坊客户端基本操作命令
- Linux常用基本命令
- 【Scikit-Learn 中文文档】密度估计
- 二维数组的练习
- SSM框架之--spring(一)
- VUE 学习之 route-link 的样式以及需要注意的地方
- WPF与Prism一并学习(一)
- NB-IoT开启智能水表新纪元
- Jni实现与原生代码通信
- 【Scikit-Learn 中文文档】神经网络模型(无监督)- 无监督学习
- SpringBoot模拟单点登录
- WPF与Prism一并学习(二)
- 底部导航栏突出
- WPF与Prism一并学习(三)