vue.js學習-router-link
阿新 • • 發佈:2018-11-27
vue.js
url:
http://localhost:8080/#/block/tbb/0x009cc29c3debf773c76d8d51c0e42c2a0b2a78c3104802304b5b3730c4496bc8routes:
{
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 記錄。