问题标签 [vue-router]

如何#!从 url 中删除 hashbang？

我在 vue 路由器文档 ( http://vuejs.github.io/vue-router/en/options.html )中找到了禁用 hashbang 的选项，但是这个选项删除#!了，只是把#

有什么办法可以让网址干净吗？

例子：

不是：#!/home

但：/home

谢谢！

How to get an object value from vue-router's link? For example 'id' in this link http://laravel.dev/#!/messages/1703

So with that id i can fetch specific data from database.

My code

Sorry, the error was when link clicked, view and url change but what send to server is http://laravel.dev/api/messages/undefined

Here error screenshot

Thanks

我想进行Vue.js类似于香草 javascript的重定向

我如何在 Vue.js 中实现这一点？

如何在 Vue.js 中获取查询参数？

例如http://somesite.com?test=yay。

找不到获取方法，还是我需要为此使用纯 JS 或某些库？

我正在开发一个 Web 应用程序，它使用 vue-router 进行带有 Laravel 5 后端的 SPA。它利用.vue运行的应用程序组件的文件laravel-elixir-vueify来创建所需的 JavaScript。

我已经成功设置了 vue-router 和 Vue，并且可以加载与主 Vue 和 Vue 路由器实例在同一文件中定义的组件。

但是，当我尝试并需要一个包含在.vue文件中的组件时，问题就来了。尽管当我检查 Vue 实例时 browserify / vueify 报告成功运行，但 Vue 开发工具仅在实例中显示匿名组件片段，并且在router-view.

控制台中没有错误，但看起来好像没有正确加载外部组件。

各种代码和文件的示例如下：

gulpfile.js

仪表板Overview.vue

位于。dashboardOverview.vue_resources\assets\js\components\dashboardOverview.vue

主视图

以下 JavaScript 对此进行了补充：

位于。dashboard.js_resources\assets\js\dashboard.js

我将 Vue.js 与 vue-cli 一起使用。我选择了 webpack 设置。我连接了 main.js 文件以进行路由，但我找不到全局注册我的组件的方法。

main.js

应用程序.vue

当我在某些视图中使用我的 Loader 组件时，我收到以下警告。

[Vue 警告]：未知的自定义元素：- 您是否正确注册了组件？对于递归组件，请确保提供“名称”选项。

我在组件中提供了名称，它没有任何区别。我在登录视图中使用加载器组件。
我发现我应该在要使用的组件中定义组件或全局定义组件。虽然，我不知道如何使用路由全局定义它。

首先，有 user.js，这是用于的模块之一store.js

使用 Vue-router，我创建了一个 App 组件，并导入了store.js.
然后是 Component login.vue。以下是部分代码：

我注意到该方法btnClick可以在这个组件中工作。它确实改变了store.state.user.isLogin.

但这是另一个a.vue监听isLogin状态的组件：

当btnClick切换到 时login.vue，isLogin改变了。但似乎虽然 getter isLoginina.vue发生了变化，但v-ifin<a>却无法反应，因为in<a>没有出现。

我试过测试是否store被注入到子组件中，结果是它通过了。另外，我尝试使用computed而不是gettersto listen isLogin，它也没有反应。添加属性时isLogin，watch无法观看。

还有一件事我很确定——Vue.use(Vuex)没有错过。

我想知道是否是Vue-router导致问题的原因。
似乎没有人问过关于vuex...vue-router的问题

我正在尝试使用 vue 路由器创建一个简单的菜单，id 喜欢迭代所有路由并显示在我的菜单中，目前我在我的组件中使用下面的实例方法，但我只是得到一个函数，我将如何迭代以获得单个路由？

我想迭代所有映射的路线以获得每个映射路线的如下内容：

我只是启用了 Vue 路由器历史模式。当我通过 v-href 或 href 访问 vue 路由时，它工作正常。但是，当我尝试刷新该页面或直接从浏览器地址栏访问时，它只会返回 404。是否有任何选项可以接受刷新/重新访问该 url？

以下是我的Vue路由器配置

我正在使用vueand构建一个应用程序vue-router。在某些路由中，我需要先检查一些条件，如果这些条件不满足，则重定向到另一个组件，所以我在我的组件选项activate上使用了钩子router，它工作正常。另外，在同一个组件中，我有 vuecreated钩子来加载一些数据，问题是如果我之前提到的那些条件不满足，那么我无法在 created 钩子中加载数据。我期望的是，如果不满足该条件，并且调用了重定向钩子，那么创建的钩子不会被触发，但实际发生的是，当该条件为假时，激活钩子的重定向被调用并且从 Vue 创建的钩子。因此，除了针对我的特定用例的解决方案之外，我还想知道一起使用 vue 和 vue 路由器时挂钩的执行顺序。