如何在Vue-router中使用addroutes方法？

Question

我已经创建了一个函数“addroute（）”来动态添加路由，但它不起作用（路由器没有改变）。 这是使用addRoutes方法的正确方法吗？我从教程中学到了这一点。 如果没有，请给我一个正确的例子，谢谢！

for (int i = 0; i < 10; ++i)
{
    persons.emplace_back(to_string(i + 1), i);
}

Answer 1

您尝试更改的路由器实例已添加到您拥有的Vue实例中。更改该路由器不会更新Vue实例。您要做的是调用已添加到Vue实例的路由器实例。可在以下位置找到完整的工作示例：Add routes in vue-router

因此，您使用this.$router访问Vue实例中方法内的路由器。然后，使用.addRoutes功能添加要添加的所需路由。

在小提琴中，你可以看到我已经在HTML中添加了ioio链接，但它还没有工作（点击它会导致<span>Default</span>被添加到<router-view></router-view>） 。单击按钮时，您将添加新路线。我添加了this.$router.push('/ioio');以在添加路由后强制更新<router-view></router-view>。如果删除此行代码，<router-view></router-view>将显示最后显示的元素（在大多数情况下是理想的），再次单击ioio按钮将显示新创建的路径。

希望这有帮助！