Vue.js 如何将nextPage变量值从子级传递到父级'；路由器链路？

试图从子组件设置

的值，以使路由器链接动态

我做的一些研究谈到了增加一个道具，但我不太确定该怎么做。在

中

当我这样做时，我有两个问题：

问题1：已解决

问题2：错误消息“数据属性“nextPage”已声明为道具。请改用道具默认值。”

App.vue

<template>
  <div id="app">
    <router-view :nextPage="['/']"></router-view>

    <router-link class="prev-slide" :to="'/'">
      Restart
    </router-link>
    <router-link class="next-slide" :to="nextPage">
      Next
    </router-link>
  </div>
</template>

<script>
export default {
  data() {
    return {
      nextPage: "/page2"
    };
  }
};
</script>

重新启动
下一个
导出默认值{
数据（）{
返回{
下一页：“/page2”
};
}
};

欢迎光临

<script>
export default {
  name: "Welcome",
  props: ['nextPage'],
  data() {
    return {
      nextPage: "/page2"
    }
  }
};
</script>

导出默认值{
名称：“欢迎”，
道具：['nextPage']，
数据（）{
返回{
下一页：“/page2”
}
}
};

您需要使用computed。如果你对此一无所知；让我举个例子：

newvue({
el:“#应用程序”，
道具：{
当前：{
类型：数字，
默认值：1
}
},
计算：{
下一个（）{
返回此值。当前值+1
}
}
})

{{current}}
|
{{next}}

要解决问题2，请将welcome.vue中的数据变量从下一页更改为其他内容，或者只需使用道具本身。