美文网首页
vue-cli 踩坑记 (router-link)

vue-cli 踩坑记 (router-link)

作者: 打底裤 | 来源:发表于2017-10-27 12:26 被阅读44次

component在 router-link中如下图

event   可以放置执行的事件;

to 可以放置对应的路由的路径

tag  可以改变默认的元素<a></a> 改成<li></li> 当然可以嵌套标签

exact  可以当选择 to = "\" 的时候取取消当前的选中的状态

active-class 可以改变vue的默认选中的class指定自己的class

router-link


router/index.js 公共的路由的配置

@: 这个符号的意思就是当前的路径的问题 已经在上一篇文章介绍过

mode:两种默认,有/#/的是哈希模式,没有的是history模式,默认是哈希模式

linkExactActiveClass:配置全局获取激活链接的class

path: 根路径 关于后面的 ' * ' 是匹配的通配符

component:使用模板的

name:名称

redirect:路由的重定向,三种方式  

redirect:'/home'】直接根据路径重定向

【redirect:{name:'home'}】根据name值 重定向

【redirect:(to) =>{}】可以根据函数,可以自定义重定向,返回一个路径

相关文章

  • vue-cli 踩坑记 (router-link)

    component在 router-link中如下图 event 可以放置执行的事件; to 可以放置对应的路由...

  • vue-cli升级踩坑记

    一段时间没有用vue,其脚手架已经更新到2.9.3,使用新的vue-cli构建项目,生成的目录和之前的不太一样,这...

  • vue-cli 踩坑记(配置)

    以前只是看 今天总算下决心买了一套妙味的课程,敲一敲,别说遇到的坑真不少 尤其是我这种小白,废话不多说直接上代码、...

  • Vue踩坑实录(二)

    在上一篇中说了一下踩过的前三个坑,剩下的坑就在这篇中全部搞定吧。Vue踩坑实录(一) Vue-cli .js?.V...

  • Vue-cli 踩坑

    记录Vue-cli时遇到的问题,方便大家寻找 搭建 如果遇到网络问题使用阿里镜像 npm config set r...

  • Android Material Design 踩坑记(2)

    Android Material Design 踩坑记(1) CoordinatorLayout Behav...

  • Deepin使用踩坑记

    1. 前言 很喜欢Deepin,奈何坑太多,不过不怕,踩过去~ 2. 踩坑记 2.1 Deepin重启后文件管理器...

  • SpringStreaming+Kafka

    摘自 :Spark踩坑记——Spark Streaming+Kafka [TOC] SpringStreaming...

  • 原生App植入React Native 踩坑记

    原生App植入React Native 踩坑记 为什么我踩坑了有一个需求要去可以在当前工程的feature/RN ...

  • [ANR Warning]onMeasure time too

    ConstraintLayout 踩坑记一次封装组合控件时的坑,我才用了集成 ConstraintLayout 来...

网友评论

      本文标题:vue-cli 踩坑记 (router-link)

      本文链接:https://www.haomeiwen.com/subject/gmurpxtx.html