问题标签 [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.
vue.js - 重用 Vue 组件,移除数据
我已经使用 vue-router 为简单的事件系统设置了一个组件系统。我希望能够使用相同的组件来编辑现有事件和创建新事件。
当我想从编辑一个事件导航到创建另一个事件时,我不知道如何从组件中删除数据。
我尝试了以下方法,但不起作用:
- 在 v-link 中设置 eventId: null
- 通过 v-on:click 将 eventId 设置为 null
- 设置 eventId 为:this.$route.params.eventId
Router Map:create 和 eventDashboard 路由指向同一个组件。
这是用于创建新事件的按钮:
和组件:
vue.js - 如何处理 Vue.js 中的 $dispatch 和 $broadcast 弃用?
我正在开发一个大型 Vue.js 应用程序,我在我的应用程序中使用broadcast
了dispatch
很多地方。坐下来改变所有这些的最佳方式是什么?还是我有其他方法来处理这些重大变化?
vue.js - 如何将变量传递给 vue-router v-link
我有一个 vue 组件来渲染导航列表,并传递导航列表,每个项目都包含标题和链接:
我尝试将变量传递item.link
给 v-link 路径,但失败了。
得到这个警告:
如果将变量传递给 v-link 路径,我该怎么办?
谢谢阅读 :)
vue.js - 当路由器在 vuejs2.0 中更改时,vue-route 将不同的道具传递给不同的视图组件?
在这张票中,我们可以通过以下方式在路由更改时将参数传递给组件
我的问题是如果我们需要将不同的道具传递给不同的路由组件,例如,propForB 属性将具有BData
, propForC
属性将具有CData
如何做到这一点?特别是在vuejs2.0?
vue.js - Vue js 与 Vue-Router 同步父子数据
在我的 vuejs 应用程序中,我使用 vue-router 进行路由。除了这个,一切都很好。
在我的父母中,我的列表视图在左侧有如下链接。
当我单击它时,我的嵌套路线被激活,并在右侧显示详细视图。
现在我的问题是在我的父视图中,我可以切换任务是否完成。
我有一个标签显示任务是否在子视图中完成。
当我在父视图中执行此操作时,如何在我的子视图中反映状态更改。我需要刷新页面吗?还是有更简单的解决方案。
简单来说,当我在父视图上切换完成状态时,我的标签应该在子视图上更改。
vue.js - 从我的服务访问路由器实例
我创建了一个身份验证服务(src/services/auth.js
),只有功能和属性..
在login
函数内部,我需要重定向用户
如何检索路由器实例?
语境
在我的src/main.js
文件中,我创建了一个路由器..
在我src/routers.js
的只是地图路线
vue.js - 在 Vue 路由器中处理回调 url
我使用 Stamplay 作为 BaaS,所以要对用户进行身份验证,我只需重定向到
/auth/v1/auth0/connect
之后,用户进行身份验证.. Stamplay 调用我的应用程序
/login/callback?jwt=abc.123.xyz
Stamplay 调用我的应用程序后如何验证用户身份?
试过了
我我的路由器配置我尝试..
vue.js - Vue 路由器和 Bootstrap
我正在使用 Vuevue-router
和vue-strap
. 我正在尝试从 注册组件vue-strap
,但示例如下所示:
vue-router
,另一方面,不创建Vue
对象。
那么如何声明我的组件呢?
javascript - 从外部文件访问 Vue
为了便于阅读,我想在外部文件中定义我的路线。
我的main.js
文件是我启动 Vue 应用程序的地方。见下图:
当应用程序扩展时,我更愿意将路由定义var Monday = Vue.extend({ ... })
等分离到它们自己的文件中以便于阅读。
问题:如果我要创建一个RouteDefinitions.js
文件,我无法访问“Vue”,我需要定义Vue.extend
. 我应该import Vue from 'vue'
再次从 RouteDefinitions.js 内部吗?这是红旗吗?还是我应该简单地将所有路由逻辑保留在 main.js 中?
javascript - vue-router 用 subRoute 替换父视图
我正在使用 vue-router 并且对 subRoutes 有疑问。我想设置我的路线,所以主要路线是列表,子路线是诸如编辑/添加/等之类的东西。
我希望 subRoute 组件替换<router-view>
父路由的。我理解文档的方式和我测试过的内容,看起来我应该<router-view>
在父组件模板中定义另一个子路由来渲染,但用户列表将保持可见。
示例路线:
主路由器视图:
用户列表:
添加用户:
当我点击“添加”时,我想填写添加用户模板。这可能吗?
另外,我可以在 user-list 和 add-user 组件之间建立父子关系吗?我希望能够将道具(用户列表)传递给添加组件并将事件分派回用户列表。
谢谢!