與程序導航Vue.js

Question

路過的道具我有了一個名爲「標題」 e.g道具一個Vue的組件：

<script> 
export default { 
    props: ['title'], 
    data() { 
    return { 
    } 
    } 
} 
</script> 

我瀏覽到該部件有一定動作之後編程完成。 有沒有辦法以編程方式路由用戶，同時也設置道具值？我知道你可以創建一個這樣的鏈接：

<router-link to="/foo" title="example title">link</router-link> 

但是，有沒有辦法做類似以下的事情？

this.$router.push({ path: '/foo', title: 'test title' }) 

編輯：

至於建議，我改變了我的路線如下：

{ 
     path: '/i/:imageID', 
     component: Image, 
     props: true 
    } 

和導航到以下幾點：

this.$router.push({ path: '/i/15', params: {title: 'test title' }}) 

然而，我的形象組件（模板 - 見下文）仍然不顯示任何標題。

<h1>{{ title}}</h1> 

有什麼可能導致問題？

Answer 1

使用參數。

this.$router.push({ name: 'foo', params: {title: 'test title' }}) 

並設置接受params作爲道具的路線。

{path: "/foo", name:"foo", component: FooComponent, props: true} 

props: true是documented here。