Реквизит не пропускается при открытиив новой вкладке

Question

У меня есть маршрут:

{ path: "reporting/report/result", name: "reportResult", component: ResultTable, props: true }

И ссылка на маршрутизатор:

<router-link :to="{ name: 'reportResult', params: {reportId: 21, tableData: 'data'}}" target="_blank">{{ report.reportId }}</router-link>

Но реквизиты не передаются дочернему компоненту.Если использовать router-link без target="_blank", все работает нормально.Возможно, есть другой способ открыть ссылку в новой вкладке и передать ей реквизиты?

Answer 1

Параметры параметров ссылки маршрутизатора не передают ваш объект в запросе, если вы хотите передать свой объект, вы должны использовать аргументы запроса.В соответствии с документами Vue Router

// named route
router.push({ name: 'user', params: { userId: 123 }})

// with query, resulting in /reportResult?reportId=21&tableData=data
router.push({ path: 'reportResult', query: {reportId: 21, tableData: 'data'}})

На своей странице вы получите доступ к своему запросу с помощью:

this.$route.query.reportId (or this.$route.params.reportId, I don't remember)