美文网首页前端Vue专辑
vue router-link 传参

vue router-link 传参

作者: 无枉少年 | 来源:发表于2019-07-17 17:21 被阅读1次
关于router-link to传参的方法

①query,方法
配合for循环得到index

<div class="box_navigation_template" v-for="(item,index) in navigationlist" :key="item.id"></div>

跳转页面

<router-link :to="{path:'/Products_Services/details/'+index, query:{ name: index }}">
</router-link>

详情页面

mounted(){
        console.log(this.$route.query.name)
    }

相关文章

  • vue路由传参

    原生JS 传参 Vue 传参 使用 传参数 第一种方法 第二种方法 点击事件传参 第三种...

  • vue 路由传参

    路由传参:六种方法 1,router-link to = '/' 字符串传参 通过router-link to传值...

  • vue----传参

    一、用name传递参数 二、通过 标签中的to传参 三、vue-router 利用url...

  • vue router-link 传参

    关于router-link to传参的方法 ①query,方法配合for循环得到index 跳转页面 详情页面

  • vue mint-ui 之cell中路由跳转

    cell常见用法 那在vue中如何使用to跳转到路由并传参呢???其实是和vue中的router-link中的to...

  • 2018-09-24 第九天

    1.路由的传参 首页

  • router-link: query传参

    router-link传参有两种方式我的...

  • 31.vue传参

    1.vue传参 vue传参使用路由传参params,query,或者使用vuex,localStorage,vue...

  • router-link 动态传参

    router-link动态传参 利用router-link动态传递参数,并打开新的页面进行展示在router中添加...

  • 动态路由

    路由动态传参 方法一 步骤1:在进行传参 分析:格式是定义一个对象,传路由的名称name...

网友评论

    本文标题:vue router-link 传参

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