Vuejs2 打开时不传递道具<；路由器链路>；在新选项卡中

我有一条路线：

{ 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>

{{report.reportId}

---

但是道具不会传递给子组件。如果在不使用

target=“\u blank”

的情况下使用路由器链接，则一切正常。可能还有其他方法可以在新选项卡中打开链接并向其传递道具？

路由器链接参数选项不会在查询中传递对象，如果要传递对象，必须使用查询参数。 根据vue路由器文档

// 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)

---

路由器链接参数选项不会在查询中传递对象，如果要传递对象，必须使用查询参数。 根据vue路由器文档

// 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)

它是“this.$route.query.reportId”它是“this.$route.query.reportId”