У меня есть компонент Vue, у которого есть указатель с названием 'title', например:
<script>
export default {
props: ['title'],
data() {
return {
}
}
}
</script>
Я перехожу к компоненту программно после завершения определенного действия. Есть ли способ программно маршрутизировать пользователя, одновременно устанавливая значение prop? Я знаю, что вы можете создать ссылку вроде этого:
<router-link to="/foo" title="example title">link</router-link>
Однако есть ли способ сделать что-то вроде следующего?
this.$router.push({ path: '/foo', title: 'test title' })
EDIT:
Как я уже сказал, я изменил свой маршрут на следующее:
{
path: '/i/:imageID',
component: Image,
props: true
}
И переход к следующему:
this.$router.push({ path: '/i/15', params: {title: 'test title' }})
Однако мой компонент изображения (шаблон - см. ниже) по-прежнему не имеет названия.
<h1>{{ title}}</h1>
Есть ли что-то, что может вызвать проблемы?