vue.js
url:
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 记录。