vue-router相关内容

更改路由时中止所有 Axios 请求使用 vue-router

当我更改路由使用时,如何在完成之前中止/取消 Axios 请求vue-路由器. 当用户打开页面时,它会自动发送 axios 请求以获取一些数据,但是用户不等待得到响应,然后他正在通过 vue-router 更改路由会有很多 Axios 请求 我的问题有没有解决办法 解决方案 基本上你必须生成一个全局取消令牌 const CancelToken = axios.CancelTo ..
发布时间:2022-01-01 10:24:32 前端开发

使用 vue 在 axios 响应后重定向

好的,所以我有以下方法.基本上我正在调用 API 后端,发布用户名和密码,如果这些通过,在响应中,服务器向我发送 200 状态.我想要做的是在响应中,在获得状态后,运行 if/else,因此如果状态为 200,则重定向,否则显示错误消息.每次我尝试使用 'this.$router.push('/any route here')', 我收到一个错误:'homepage.vue?3ec6:72 ..
发布时间:2022-01-01 10:11:34 其他开发

Vue-Router 使用 props 传递数据

我很难使用 Vue-Router 传递道具.当我将它们带入下一个视图时,我似乎无法访问这些道具.这是我的方法对象: 方法:{提交表格() {让 self = this;轴({方法:'发布',网址:url_here,数据:{电子邮件:this.email,密码:this.password},标题:{'内容类型':'application/x-www-form-urlencoded;字符集=utf- ..
发布时间:2022-01-01 10:08:09 前端开发

在 Vue.js 中发出请求时如何使用基本 url 中的变量并组合配置?

我想要实现的目标 - vue 为 foo1.bar.com 提供服务,其中“foo"为是多租户项目中租户的名称.所以当访问 foo2.bar.com 时,vue 使用的基础 API 变为 foo2.bar.com/api,访问 foo3.bar.com 时变为 foo3.bar.com/api. 上下文:这是实现与现有多租户后端 API 一致性的建议方法,其 URL 类似于 t1.site. ..
发布时间:2022-01-01 10:06:58 前端开发

Vue 警告 $listeners 和 $attrs 是只读的

我收到很多 Vue 警告,说 $listeners 是只读的或 $attrs 是只读的,并且与不同的 Bootstrap 项目或 . 例如: [Vue 警告]:$attrs 是只读的.在发现---> 我很确定这与以某种方式两次加载 Vue 实例有关,但我真的不知道如何以其他方式做到这一点,以便路由仍然有效. 在我的 main.js 中,代码如下: ..
发布时间:2021-12-26 16:55:43 前端开发

Vue.js,将数据传递给另一条路由上的组件

将数据从一个页面传递到另一个页面的简单任务让 Vue.js 的新手感到非常头疼这是我的路由器 我正在“/"页面上渲染一个表单,它发出一个 API 请求, 我只想将数据传递到另一个带有另一个组件的路由页面 Vue 有那么难做吗?今天让我很头疼.从 API 获取数据,保存 &发送到另一个组件.我该怎么做? 解决方案 正如安东尼所说,既然你已经在 router/index.js ..
发布时间:2021-12-26 16:48:08 前端开发

如何在 Vue.js 2 应用程序中模拟 onbeforeunload?

我有一个 Vue 组件会在它“脏"(例如未保存)时进行跟踪.如果用户有未保存的数据,我想在他们浏览当前表单之前警告用户.在典型的 Web 应用程序中,您可以使用 onbeforeunload.我试图在这样的安装中使用它: 挂载:function(){window.onbeforeunload = function() {返回 self.form_dirty ?“如果您离开此页面,您将丢失未保存的 ..
发布时间:2021-12-26 16:47:48 前端开发

Vue $route 未定义

我正在学习 Vue 路由器.而且我想在不使用模板文件中的 的情况下进行编程导航.我的路由器和视图: router = new VueRouter({路线: [{path : '/videos', name: 'allVideos', 组件: Videos },{path : '/videos/:id/edit', 名称: 'editVideo', 组件: VideoEdit },]});新的 ..
发布时间:2021-12-26 16:46:17 前端开发

Vuejs 2、VUEX、编辑数据时绑定数据

我有一个用户个人资料部分,我试图允许用户编辑他们的信息.我正在使用 vuex 存储用户配置文件数据并将其拉入表单.编辑表单位于 userProfile 组件的子组件中 - 加载数据保存提交到 VUEX. 所以我可以用来自 VUEX 的数据填充表单,但是一旦我更改表单中的任何值,它也会更改我父组件中的值. 在保存表单之前,我不会提交对 VUEX 的更改,因此这意味着数据以两种方式绑定到 ..
发布时间:2021-12-26 16:46:01 前端开发

VueJs vue-router 链接外部网站

这可能很简单,但我查看了文档并找不到任何相关信息.我想让我的“github"链接重定向到 github.com.但是,它只是将 'https://github.com' 附加到我的网址,而不是点击链接.这是一个片段: (这是将 iView 用于自定义 CSS,但“to"的工作方式与路由器链接相同. 结 ..
发布时间:2021-12-26 16:45:30 前端开发

如何在 vuex 商店中使用 vue-resource ($http) 和 vue-router ($route)?

在我从组件的脚本中获取电影细节之前.该函数首先检查商店的电影 ID 是否与路由的参数电影 ID 相同.如果相同,则不要从服务器 API 获取电影,否则从服务器 API 获取电影. 它运行良好.但是现在我正在尝试从商店的突变中获取电影详细信息.但是我收到错误 未捕获的类型错误:无法读取未定义的属性 '$route' 如何使用 vue-router ($route) 访问 param ..
发布时间:2021-12-26 16:40:14 前端开发

路由 beforeEach 守卫在 Vue created() 中加载状态之前执行

如果我直接导航到管理员保护的路线,http://127.0.0.1:8000/dashboard/,导航总是被拒绝,因为状态没有在检查路由器防护时尚未加载. beforeEach 在 Vue created 之前被执行,因此当前登录的用户不被识别. 我该如何解决这个先有鸡还是先有蛋的问题? 以下文件因相关性而被截断 main.js router.beforeEach((t ..
发布时间:2021-12-08 22:10:37 前端开发

Vue.js 路由从子目录服务

我想从临时服务器上的子目录提供我的 Vue.js 应用程序.例如:http://url.com/subdir/app/ 现在,如果我这样做并设置构建配置 assetsPublicPath 以从该文件夹提供服务,所有资产都可以正常提供,但我的应用程序没有正确路由.“主页"页面被路由到“包罗万象",任何进一步的路由只会显示正常的白页 404. 这是我的路由器: 导出默认的新路由器({模式 ..
发布时间:2021-12-08 22:02:12 前端开发

Vue js在更改路由时重新渲染相同的组件

我有一个身份验证组件,我在登录和注册路径中都使用了它. const 路由 = [{小路 : '/',name: '家',组件:首页}, {路径:'/登录',name: '登录',组件:身份验证},{路径:'/注册',name: '注册',组件:身份验证}]; 例如,如果我在登录页面上问题是如果我在文本输入中输入一些内容并转到注册文本仍然存在,我如何强制组件重新初始化? 解决方案 ..
发布时间:2021-12-08 21:59:20 前端开发

如何访问 vue-router 中的异步存储数据以在 beforeEnter 钩子中使用?

如何访问通过 store 操作异步检索的 beforeEnter 中的存储数据? 从'./vuex/store'导入商店;store.dispatch('initApp');//在这里,异步数据将被获取并分配给商店的状态//以下是路由对象的摘录:{路径:'/示例',组件:示例,beforeEnter: (to, from, next) =>{如果(store.state.asyncData){/ ..
发布时间:2021-12-08 21:55:18 前端开发