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 记录。