路由router-link的传过去和获取

原创 2018年04月17日 15:08:29
传过去:
<router-link :to='{path:"/manage/goods/add",query:{ID:v.ID}}'> //html的跳转1
<router-link :to="'/manage/video/detail?ID='+v.video_id"> //html的跳转2


this.$router.push({path: '/show', query: {ID: v.ID}}); //在方法里的跳转(能返回)
this.$router.replace({ path: '/mine/gift?shopID=all' }); //在方法里的跳转(不能返回)


获取:
this.ID = this.$route.query.ID //获取,注意route没r


跳去不同的路径的时候:
<router-link :to="link(v)" class='main' v-for='v in list' :key="v.ID"></router-link>
link(v){
        if(v.type==1){
            return '/user/order/detail?id='+v.ID
        }else if(v.type==2){
            return '/tools/free/uorder?id='+v.order_id
        }else{
            return ''
        }
    }

vue路由 遍历生成复数router-link

业务场景:使用vue-cli做一个spa; 需求:顶部导航栏控制下方内容栏,实现页面内切换。 毫无疑问,vue-router很适合这样的需求,实现起来也并不复杂: 1、main.js: ...
  • qwezxc24680
  • qwezxc24680
  • 2017-09-18 10:46:54
  • 1364

link_to指向路由路径拼接详解

除了使用路由帮助方法之外,Rails 还能从参数数组中创建路径和 URL。例如,假设有如下路由: resources :magazines do  ...
  • qwbtc
  • qwbtc
  • 2016-08-02 16:01:27
  • 500

vue基础动态路由,嵌套路由router-link切换

index.js import Vue from 'vue' import Router from 'vue-router' // import HelloWorld from '@/componen...
  • qq_34827048
  • qq_34827048
  • 2017-10-16 16:38:19
  • 630

vue-router 如何在当前路由下重新点击当前路由的router-link实现刷新

代码: 首页  export default {   ...   ...   methods:{     flushCom:function(){       /...
  • p358278505
  • p358278505
  • 2017-12-19 14:53:47
  • 964

vue2.x---vue-router如何在router-link标签绑定click点击事件、keyup、change等事件

hello app! page1 p
  • Wbiokr
  • Wbiokr
  • 2017-08-16 22:14:12
  • 3220

vue router-link跳转传值示例

Vue router-link跳转传值示例 1、router-link 使用:to="{name:'',params:{name:'james'}}"传值 2、routes路由 3、在目标页面使用$r...
  • ytangdigl
  • ytangdigl
  • 2017-11-24 18:00:09
  • 839

vue-router简单实例

Document Hello App! 默认会被渲染成一个 `` 标签 --> Go to Foo Go to...
  • qq_14863671
  • qq_14863671
  • 2016-12-06 19:23:05
  • 3335

vue-router 2.0 常用基础知识点之router-link

前端采用前后端分离的方式进行开发,我们使用vue2.0框架,做单页面应用难免会用到vue-router,今天把项目中的用到router-link摘出来,一是想整理一下这些用法,方便下次快速查找,二是重...
  • sinat_17775997
  • sinat_17775997
  • 2017-04-01 09:28:50
  • 2503

router-link 设置链接激活时使用的 CSS 高亮

active-class 类型: string 默认值: “router-link-active” 设置 链接激活时使用的 CSS 类名。默认值可以通过路由的构造选项 linkAct...
  • feifanzhuli
  • feifanzhuli
  • 2017-10-17 13:45:46
  • 488

使用vue中路由router-link中包含a标签

当vue中使用router-link包含a标签的时候,a标签会取代routerlink的值实现跳转, {{item.name}} {{item.address}} {{item.di...
  • qq_17299675
  • qq_17299675
  • 2017-08-19 11:33:55
  • 378
收藏助手
不良信息举报
您举报文章:路由router-link的传过去和获取
举报原因:
原因补充:

(最多只允许输入30个字)