国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

vue 路由跳轉(zhuǎn)方式

BothEyes1993 / 1122人閱讀

摘要：方式一標(biāo)簽跳轉(zhuǎn)不傳參點(diǎn)擊驗(yàn)證動(dòng)畫效果跳轉(zhuǎn)時(shí)傳參先要配置路由接收參數(shù)方式二事件跳轉(zhuǎn)描述跳轉(zhuǎn)到不同的，但這個(gè)方法會(huì)向棧添加一個(gè)記錄，點(diǎn)擊后退會(huì)返回到上一個(gè)頁面。方式四描述相對(duì)于當(dāng)前頁面向前或向后跳轉(zhuǎn)多少個(gè)頁面類似。

1、方式一：標(biāo)簽跳轉(zhuǎn) router-link

① 不傳參

  • 
  點(diǎn)擊驗(yàn)證動(dòng)畫效果    

    •

    ② 跳轉(zhuǎn)時(shí)傳參

    // 先要配置路由
path: "/user/:id"

 

// 接收參數(shù)
this.$route.params.id
    2、方式二：事件跳轉(zhuǎn) this.$router.push()

    描述：跳轉(zhuǎn)到不同的url，但這個(gè)方法會(huì)向history棧添加一個(gè)記錄，點(diǎn)擊后退會(huì)返回到上一個(gè)頁面。
    用法：

    ① 字符串

    this.$router.push("/home")

    ② 對(duì)象

    this.$router.push({path:"/home"})

    ③ query 傳參，相當(dāng)于get請(qǐng)求，頁面跳轉(zhuǎn)時(shí)參數(shù)會(huì)在地址欄中顯示，通過this.$route.query.id獲取

    // 變成 /user?id=2
this.$router.push({ 
    path:"/user",
    query:{
        id:this.id
    }
})

    ④ params 傳參，相當(dāng)于post請(qǐng)求，頁面跳轉(zhuǎn)時(shí)參數(shù)不會(huì)在地址欄中顯示,通過this.$route.params.id獲取

    this.$router.push({ 
    path:"/user",
    params:{
        id:this.id
    }
})

    注：傳參是 router，接收參數(shù)是 route

    3、方式三：this.$router.replace{path:"/user"}

    描述：同樣是跳轉(zhuǎn)到指定的url，但是這個(gè)方法不會(huì)向history里面添加新的記錄，點(diǎn)擊返回，會(huì)跳轉(zhuǎn)到上上一個(gè)頁面。上一個(gè)記錄是不存在的。

    4、方式四：this.$router.go(n)

    描述：相對(duì)于當(dāng)前頁面向前或向后跳轉(zhuǎn)多少個(gè)頁面,類似 window.history.go(n)。n可為正數(shù)可為負(fù)數(shù)。正數(shù)返回上一個(gè)頁面。

    // 在瀏覽器記錄中前進(jìn)1步，相當(dāng)于history.forward()
this.$router.go(1)

// 后退一步記錄，等同于history.back()
this.$router.go(-1)

// 前進(jìn)三步記錄
this.$router.go(3)

// 如果history記錄不夠用，就會(huì)失敗
this.$router.go(100)
this.$router.go(-100)
    5、this.router.forward() 前進(jìn)一步 6、this.router.back() 回退一步

    文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

    轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/106814.html

    相關(guān)文章

    • vue常用操作及學(xué)習(xí)筆記（路由跳轉(zhuǎn)及路由傳參篇）

      摘要：也可以從其他文件進(jìn)來定義路由每個(gè)路由應(yīng)該映射一個(gè)組件。其中可以是通過創(chuàng)建的組件構(gòu)造器，或者，只是一個(gè)組件配置對(duì)象。 路由跳轉(zhuǎn) - 超鏈接方式跳轉(zhuǎn) html： Hello App! Go to Foo Go to Bar router.js...

      megatron 評(píng)論0 收藏0

    • vue 路由進(jìn)階

      摘要：接收路由的路由傳參數(shù)的三種方式布爾模式表明將作為傳遞到匹配的組件中。元信息可在路由對(duì)象中配置屬性，是一個(gè)對(duì)象。 路由可向路由匹配的組件傳遞參數(shù)，不同情況向組件傳遞不同的參數(shù)，從而實(shí)現(xiàn)組件的復(fù)用。 路由向組件傳遞參數(shù) 和路由匹配的組件可以在組件中使用 $route 獲取路由上的參數(shù)： 傳參方式 :、params和query :在路徑傳遞參數(shù) { path: /argu/:id/...

      張憲坤 評(píng)論0 收藏0

    • 【Vue.js 牛刀小試】：第十二章 - 使用 Vue Router 實(shí)現(xiàn) Vue 中的前端路由控制

      摘要：而路由則是使用了中新增的事件和事件。總結(jié)這一章主要是介紹了如何使用在中構(gòu)建我們的前端路由。 系列目錄地址 一、基礎(chǔ)知識(shí)概覽 第一章 - 一些基礎(chǔ)概念（posted at 2018-10-31） 第二章 - 常見的指令的使用（posted at 2018-11-01） 第三章 - 事件修飾符的使用（posted at 2018-11-02） 第四章 - 頁面元素樣式的設(shè)定（posted a...

      cpupro 評(píng)論0 收藏0

    • 從頭開始學(xué)習(xí)vue-router

      摘要：路由模塊的本質(zhì)就是建立起和頁面之間的映射關(guān)系。這時(shí)候我們可以直接利用傳值了使用來匹配路由，然后通過來傳遞參數(shù)跳轉(zhuǎn)對(duì)應(yīng)路由配置于是我們可以獲取參數(shù)六配置子路由二級(jí)路由實(shí)際生活中的應(yīng)用界面，通常由多層嵌套的組件組合而成。 一、前言 要學(xué)習(xí)vue-router就要先知道這里的路由是什么？為什么我們不能像原來一樣直接用標(biāo)簽編寫鏈接哪？vue-router如何使用？常見路由操作有哪些？等等這些問...

      tommego 評(píng)論0 收藏0

    • 從頭開始學(xué)習(xí)vue-router

      摘要：路由模塊的本質(zhì)就是建立起和頁面之間的映射關(guān)系。這時(shí)候我們可以直接利用傳值了使用來匹配路由，然后通過來傳遞參數(shù)跳轉(zhuǎn)對(duì)應(yīng)路由配置于是我們可以獲取參數(shù)六配置子路由二級(jí)路由實(shí)際生活中的應(yīng)用界面，通常由多層嵌套的組件組合而成。 一、前言 要學(xué)習(xí)vue-router就要先知道這里的路由是什么？為什么我們不能像原來一樣直接用標(biāo)簽編寫鏈接哪？vue-router如何使用？常見路由操作有哪些？等等這些問...

      jhhfft 評(píng)論0 收藏0

    • 從頭開始學(xué)習(xí)vue-router

      摘要：路由模塊的本質(zhì)就是建立起和頁面之間的映射關(guān)系。這時(shí)候我們可以直接利用傳值了使用來匹配路由，然后通過來傳遞參數(shù)跳轉(zhuǎn)對(duì)應(yīng)路由配置于是我們可以獲取參數(shù)六配置子路由二級(jí)路由實(shí)際生活中的應(yīng)用界面，通常由多層嵌套的組件組合而成。 一、前言 要學(xué)習(xí)vue-router就要先知道這里的路由是什么？為什么我們不能像原來一樣直接用標(biāo)簽編寫鏈接哪？vue-router如何使用？常見路由操作有哪些？等等這些問...

      frontoldman 評(píng)論0 收藏0

    發(fā)表評(píng)論

    0條評(píng)論

    最新活動(dòng)
    閱讀需要支付1元查看
    <