问题标签 [vue-router]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
936 浏览

vue.js - 重用 Vue 组件,移除数据

我已经使用 vue-router 为简单的事件系统设置了一个组件系统。我希望能够使用相同的组件来编辑现有事件和创建新事件。

当我想从编辑一个事件导航到创建另一个事件时,我不知道如何从组件中删除数据。

我尝试了以下方法,但不起作用:

  • 在 v-link 中设置 eventId: null
  • 通过 v-on:click 将 eventId 设置为 null
  • 设置 eventId 为:this.$route.params.eventId

Router Map:create 和 eventDashboard 路由指向同一个组件。

这是用于创建新事件的按钮:

和组件:

0 投票
2 回答
1015 浏览

vue.js - 如何处理 Vue.js 中的 $dispatch 和 $broadcast 弃用?

我正在开发一个大型 Vue.js 应用程序,我在我的应用程序中使用broadcastdispatch很多地方。坐下来改变所有这些的最佳方式是什么?还是我有其他方法来处理这些重大变化?

0 投票
3 回答
27079 浏览

vue.js - 如何将变量传递给 vue-router v-link

我有一个 vue 组件来渲染导航列表,并传递导航列表,每个项目都包含标题和链接:

我尝试将变量传递item.link给 v-link 路径,但失败了。

得到这个警告:

如果将变量传递给 v-link 路径,我该怎么办?

谢谢阅读 :)

0 投票
1 回答
656 浏览

vue.js - 当路由器在 vuejs2.0 中更改时,vue-route 将不同的道具传递给不同的视图组件?

这张票中,我们可以通过以下方式在路由更改时将参数传递给组件

我的问题是如果我们需要将不同的道具传递给不同的路由组件,例如,propForB 属性将具有BDatapropForC属性将具有CData

如何做到这一点?特别是在vuejs2.0?

0 投票
2 回答
1336 浏览

vue.js - Vue js 与 Vue-Router 同步父子数据

在我的 vuejs 应用程序中,我使用 vue-router 进行路由。除了这个,一切都很好。

在我的父母中,我的列表视图在左侧有如下链接。

当我单击它时,我的嵌套路线被激活,并在右侧显示详细视图。

现在我的问题是在我的父视图中,我可以切换任务是否完成。

我有一个标签显示任务是否在子视图中完成。

当我在父视图中执行此操作时,如何在我的子视图中反映状态更改。我需要刷新页面吗?还是有更简单的解决方案。

简单来说,当我在父视图上切换完成状态时,我的标签应该在子视图上更改。

0 投票
2 回答
8980 浏览

vue.js - 从我的服务访问路由器实例

我创建了一个身份验证服务(src/services/auth.js),只有功能和属性..

login函数内部,我需要重定向用户

如何检索路由器实例


语境

在我的src/main.js文件中,我创建了一个路由器..

在我src/routers.js的只是地图路线

0 投票
2 回答
4107 浏览

vue.js - 在 Vue 路由器中处理回调 url

我使用 Stamplay 作为 BaaS,所以要对用户进行身份验证,我只需重定向到

/auth/v1/auth0/connect

之后,用户进行身份验证.. Stamplay 调用我的应用程序

/login/callback?jwt=abc.123.xyz

Stamplay 调用我的应用程序后如何验证用户身份?

试过了

我我的路由器配置我尝试..

0 投票
2 回答
977 浏览

vue.js - Vue 路由器和 Bootstrap

我正在使用 Vuevue-routervue-strap. 我正在尝试从 注册组件vue-strap,但示例如下所示:

vue-router,另一方面,不创建Vue对象。

那么如何声明我的组件呢?

0 投票
1 回答
1964 浏览

javascript - 从外部文件访问 Vue

为了便于阅读,我想在外部文件中定义我的路线。

我的main.js文件是我启动 Vue 应用程序的地方。见下图:

当应用程序扩展时,我更愿意将路由定义var Monday = Vue.extend({ ... })等分离到它们自己的文件中以便于阅读。

问题:如果我要创建一个RouteDefinitions.js文件,我无法访问“Vue”,我需要定义Vue.extend. 我应该import Vue from 'vue' 再次从 RouteDefinitions.js 内部吗?这是红旗吗?还是我应该简单地将所有路由逻辑保留在 main.js 中?

0 投票
2 回答
4682 浏览

javascript - vue-router 用 subRoute 替换父视图

我正在使用 vue-router 并且对 subRoutes 有疑问。我想设置我的路线,所以主要路线是列表,子路线是诸如编辑/添加/等之类的东西。

我希望 subRoute 组件替换<router-view>父路由的。我理解文档的方式和我测试过的内容,看起来我应该<router-view>在父组件模板中定义另一个子路由来渲染,但用户列表将保持可见。

示例路线:

主路由器视图:

用户列表:

添加用户:

当我点击“添加”时,我想填写添加用户模板。这可能吗?

另外,我可以在 user-list 和 add-user 组件之间建立父子关系吗?我希望能够将道具(用户列表)传递给添加组件并将事件分派回用户列表。

谢谢!