九九色综合_性69交片免费看_亚洲一区二区三区久久精品_精品一久久_欧美一级黄视频_污免费网站

vue使用路由進行頁面跳轉時傳遞參數

2019-12-10    前端達人

一. 通過router-link進行跳轉

<router-link

:to="{

path: 'yourPath',

    params: {

    name: 'name',

        dataObj: data

},

query: {

    name: 'name',

        dataObj: data

}

}">

</router-link>

二. 通過編程導航 $router進行路由跳轉

1.路徑后拼接參數

通過路徑后直接拼接來傳遞參數



getDescribe(id) {

// 直接調用$router.push 實現攜帶參數的跳轉

        this.$router.push({

          path: /describe/${id},

        })



對應路由配置

注意:此方法需要修改對應路由配置,需要在path中添加/:id來對應 $router.push 中path攜帶的參數。



 {

     path: '/describe/:id',

     name: 'Describe',

     component: Describe

   }



獲取傳遞的參數值



this.$route.params.id

  1. 通過params來傳遞參數

    傳遞參數

    通過路由屬性中的name來確定匹配的路由,通過params來傳遞參數。



     this.$router.push({

              name: 'Describe',

              params: {

                id: id

              }

            })



    對應路由配置

    注意這里不能使用:/id來傳遞參數了,因為已經使用params來攜帶參數了。



    {

         path: '/describe',

         name: 'Describe',

         component: Describe

       }



    獲取參數



    this.$route.params.id

    1
  2. 通過query來傳遞參數

    傳遞參數

    使用path來匹配路由,然后通過query來傳遞參數

    這種情況下 query傳遞的參數會顯示在url后面?id=?



    this.$router.push({

              path: '/describe',

              query: {

                id: id

              }

            })



    對應路由配置



     {

         path: '/describe',

         name: 'Describe',

         component: Describe

       }



    獲取參數



    this.$route.query.id




日歷

鏈接

個人資料

藍藍設計的小編 http://m.gyxygd.cn

存檔

主站蜘蛛池模板: 久久只有精品视频 | 欧美freesex呦交中文 | 久久成人精品视频 | 亚洲一级毛片免费观看 | 亚州综合| 久久中文字幕篠田优 | 2021中国大陆精品视频xxxx | 黄色最新网站 | 欧美综合一区二区 | 爱爱小视频 | 99精品国产高清一区二区麻豆 | 欧美成人免费全网站大片 | 天天色啪 | 久久一区二区三区免费 | 国产精品久久久久久久福利院 | 日本youjizz | 午夜精品一区二区三区在线播放 | 男大当婚免费完整版视频 | 久操综合在线 | 一级毛片在线全部免费播放 | 午夜在线视频一区二区三区 | 亚洲综合在线观看一区 | 国产精品欧美日韩 | 偷拍小视频99在线 | 久草福利 | 一级久久久 | 色综合天天综合高清影视 | 成人免费影院 | 久久免费精品视频在线观看 | 99热热| 欧美日韩一区二区三区在线电影 | 狼网 | 拍真实国产伦偷精品 | 国产区精品在线观看 | 久久久久免费观看 | 日本高清xxx | 日韩欧美91 | 精品卡一卡二卡四卡三卡 | 草在线 | 久久精品视频首页 | 毛片免费看 |