前提・実現したいこと
this.$router.push({ を使ってgroup/memberページに遷移させて、totalCountとcountの値も一緒に渡してあげたく、下記のように書きました。
しかしMemberPageでconsole.logを使ってみてみるとtotalCountもcountもundifindとなっていました。
propsの受け取り方が悪いのでしょうか?
自分では解決できなかったのでわかる人いましたらご教授お願いしたいです。
該当のソースコード
TransitionUrl() { this.$router.push({ path: this.getUrl(), params: { totalCount: this.totalCount.toString(), count: this.count.toString() } }) } getUrl() { return `/group/member` }
<template> <div class="column"> </div> </template> <script lang="ts"> import { Component, Vue, Prop } from 'vue-property-decorator' @Component export default class MemberPage extends Vue { @Prop({ type: String, default: '' }) totalCount: string @Prop({ type: String, default: '' }) count: string created() { console.log(this.totalCount) console.log(this.count) }
あなたの回答
tips
プレビュー