问题标签 [vue-router]

请帮我解决控制台上的这个错误

router.map不起作用

我正在使用 browserify和 laravel5.3

这是我的 app.js 代码：

好处beforeRouteLeave是您可以防止在某些情况下导航离开。

我有一个使用子路由来呈现页面的一部分的设置。如果未保存数据，我想在子路由上设置一个导航守卫，以防止切换到另一个。

因此，当我访问/customers/view/12并进行更改时，如果他们尝试加载/customers/view/13，我想弹出通常的确认并可能停止导航。既然beforeRouteLeave在这种情况下不调用，那么防止导航的推荐方法是什么？看来再看$route也晚了，因为那时导航已经发生了。

注意：如上所述，beforeRouteLeave在这种情况下不调用；它不起作用。

注意： usingonbeforeunload不起作用，因为它仅在整个页面更改时触发。

我有一个用于生根的 Electron 应用程序 + Vue。我在将内容加载到新打开的窗口时遇到问题。该窗口是从 Vue 组件启动的。当它打开时，我得到一个空白窗口，并且：

不允许加载本地资源：file:///app/src/Products.vue

我尝试了stackoverflow上提到的不同方法，但错误仍然存​​在。

这是场景：

• 有一个与 vue-router 一起重用的 Page 组件
• 此 Page 组件包含动态组件，Element1 或 Element2，具体取决于当前页面

当父路由发生变化时，如何在这个动态嵌套组件上触发离开转换？

它应该与下面的代码一起使用，但是当您更改页面时，page beforeRouteLeave并且element leave永远不会打印到控制台。

（参见代码中的 3x------ BUG: never fired -----部分）

我将 VueJS 与vuexand结合使用vue-router。我有一个vuex模块正在对其存储进行突变，并尝试使用它来确定用户是否经过身份验证。

这是我的代码在相关部分的样子。

main.js

/store/index.js

/store/modules/core.js

当我通过我的逻辑来触发LOGIN操作时，我可以看到突变正确执行，当我使用 Chrome 扩展程序查看我的core模块的 vuex 状态时，状态user和authenticated已经正确突变。

问题

看起来这个模块只是在路由器在.beforeEach循环中运行时还没有加载。这是真的？

如果是，关于如何处理这种情况还有哪些其他建议？如果没有，我做错了什么？

我在我的项目中使用 vue-router。

我能够很好地导航到我的命名路线。我唯一的问题是，当我使用需要参数的命名路由时，刷新页面时它不会加载。

这是我的路线：

这就是我使用的方式vue-router route：

当我选择Example Link我得到mydomain.com/example/raaaaf.

在第一次加载时，它会呈现正确的模板，但是当我刷新或手动输入地址栏上的链接时，我会被重定向到我Page Not Found的页面，并且不会触发创建页面时调用的方法。

这就是我的ExampleComponent：

我试图让 vue-router 工作但没有成功，一段时间后我很生气，因为我没有看到任何问题。

我在 Laravel 中通过 Elixir 使用 webpack，它的 gulpfile 如下：

在我的 app.js 文件中，我正在“编译”以下代码

当我在浏览器控制台中调用时

我收到一条错误消息，说 VueRouter 未定义。为什么？vue 资源甚至在 app.js 中。

我的 package.json 看起来像这样：

任何人都可以帮忙吗？

尝试设置 Vue 路由器。不知道我做错了什么。得到错误

Failed to mount component: template or render function not defined. (found in root instance)

同样，我是从 React 来到 Vue 的，虽然它们非常相似，但也有一些不同的小东西，而且 Vue 资源还没有那么多。

我正在使用 Webpack 模板并使用单个文件组件。我不完全理解的一件事是文档中的这一部分

这只是他和我一样import Foo from 'path/to/component/吗？

无论如何，感谢您的任何帮助！

这是我的main.js文件

我的index.html长相是这样的

我有一个摘要页面和一个详细信息子页面。所有路线都是使用vue-router（v 0.7.x）使用​​编程导航实现的，如下所示：

但是，当我从摘要页面路由到子页面时，我需要在新选项卡中打开子页面，就像添加_target="blank"标签一样<a>。

有没有办法做到这一点？

我完全坚持使用 vue.js 2.0 和 vue-router 让组件通过路由器视图呈现。

我安装了 vue devtools，我确实看到了路由器视图旁边的“片段”标签，但没有其他详细信息。

可能需要注意的是，我使用的是 laravel-elixir-vueify 和 browserify。

应用程序.js

仪表盘.blade.php

仪表板.vue