1. 程式人生 > >vue.js學習-router-link

vue.js學習-router-link

vue.js

url:

http://localhost:8080/#/block/tbb/0x009cc29c3debf773c76d8d51c0e42c2a0b2a78c3104802304b5b3730c4496bc8

routes:

{

      path: '/block/tbb/:blockdata',
      name: 'tbb',
      component: TxByBlock

}

html:

<router-link  :to="'/block/tbb/'+data.hash">{{data.number}}</router-link>

vue:

this.blockhash = this.$route.params.blockdata;



{
      path: '/block/tbb',
      name: 'tbb',
      component: TxByBlock
}
http://localhost:8080/#/block/tbb?blockdata=0x009cc29c3debf773c76d8d51c0e42c2a0b2a78c3104802304b5b3730c4496bc8

<router-link :to="{path:'/block/tbb',query: {blockdata: data.hash}}">

this.blockhash = this.$route.query.blockdata


router.go(n)
這個方法的引數是一個整數,意思是在 history 記錄中向前或者後退多少步,類似 window.history.go(n)

router.push(location)
想要導航到不同的 URL,則使用 router.push 方法。這個方法會向 history 棧新增一個新的記錄,所以,當用戶點選瀏覽器後退按鈕時,則回到之前的 URL。

router.replace(location)
跟 router.push 很像,唯一的不同就是,它不會向 history 新增新記錄,而是跟它的方法名一樣 —— 替換掉當前的 history 記錄。