努力的大名

Nuxt3 用 useFetch 同一个链接不同请求参数为什么返回的数据是同一个？

写一个接口文件 "list.js" export const listApi = (data) => { return new Promise(function (resolve) { useFetch('http://127.0.0.1:8081/api/list', { method: "post", body: data }).then(res => { // console.log(res.data.value.data.list[0].title) resolve(res); }) }); } 然后再 "app.vue" 里面发两个请求，后台给的数据不同，但是打印的数据确实同一个 import {listApi} from "~/api/list"; listApi({page: 1, page_size: 5}).then(res => { console.log(res.data.value.data.list[0].title) }); listApi({page: 2, page_size: 5}).then(res => { console.log(res.data.value.data.list[0].title) }); ... 如果直接在"app.vue"里面这样写，就正常，放回不同数据 useFetch('http://127.0.0.1:8081/api/list', { method: "post", body: {page: 1, page_size: 5} }).then(res => { console.log(res.data.value.data.list[0].title) }) useFetch('http://127.0.0.1:8081/api/list', { method: "post", body: {page: 2, page_size: 5} }).then(res => { console.log(res.data.value.data.list[0].title) }) ... 这是为什么，应该怎么写？

型男不是我还是谁

有一个奇怪问题，vue2中我用router-link或者window.open打开一个新页面，原来的页面路由也会跟着切换，这是为什么呢？

如图： "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241125/d5a775f4f79af188243a57d628d5096c.png) 我点击在新窗口打开，新窗口切换为"http://localhost:8443/#/net-multi-video" 这个路由，但是上一个页面为会更新切换成这个，有什么情况会影响它呢？ subMenuNav('net-multi-real-time-fault')"> 故障实时监控 当前页打开 新窗口打开 onOpen()方法 onOpen(target, url) { if (target === 'self') { this.subMenuNav(url) } else { const {href} = this.$router.resolve({ path: url, }); window.open(href, "_blank"); } }, subMenuNav(url) { this.$router.push(url); this.subMenuShow = false; },

萌蒙萌

route.query拿到的参数如何做类型推断？

const route = useRoute() const { sceneId, entry, name, mode } = route.query 每个参数的类型为"string | string[]" 如何能统一改成"string"呢？ 用"const sceneId = route.query.sceneId as string"可以实现，但是每个参数都得这样写一遍吗?

小飞侠007

Vue Router重定向后无法获取路由的问题？

最近有vue项目一个登录的需求，需要跳到外部链接获取一个code。然后重定向到我的登录页 http://127.0.0.1:8080/login?code=xxxxxxxxxxxxxxxxxxxfadb 重定向链接如上 但这个重定向有个问题，回来以后被vue路由守卫拦截了，而且并不能指向/login这个路由，router.beforeEach中的to.path为空，我没法拿到code做下一步操作。请问有没有朋友遇过相似的问题并解决的？

PX_13

Vue 路由 hash 模式在微信 H5 页面分享时 iOS 异常，如何解决？

Vue 中路由使用 hash 模式，开发微信 H5 页面分享时在安卓上设置分享成功，但是 iOS 的分享异常。 iOS 当前页面分享给好友，点击进来是正常，如果二次分享，则跳转到首页；使用 vue router 跳转到第二个页面后在分享时，分享设置失败；以上安卓分享都是正常。 简单分析一下问题，jssdk 是后端进行签署，前端校验，但是有时跨域，ios 是分享以后会自动带上 from=singlemessage&isappinstalled=0 以及其他参数，分享朋友圈参数还不一样，貌似系统不一样参数也不一样，但是每次获取 url 并不能获取后面这些参数

大厂球袋

Vue-router history模式下如何使用相对路径进行打包？

按照Vue-router官网，history路由模式下，publicPath无法使用相对路径，需要router里base配对对应路径/url。但现在项目有个需求是前端打一份包，放在两个路径下: "http://111.11.11.1/urlA/" (https://link.segmentfault.com/?enc=qb7b1HGip%2FKwhF4nIN56kw%3D%3D.QOuoIrGdrCb4eGbWLYtEu2abO4AABEdglMHMkcNSQpA%3D) "http://111.11.11.1/urlB/" (https://link.segmentfault.com/?enc=y%2BlZkNdFpzi%2FRqLuUPqJCg%3D%3D.X1cBFcyQqqOPxMYjgic2nS14VDnUGpNz7u2J6Trb8FI%3D) 前端项目路由模式是history，只打一份包的话只能配置一个base，如何满足这种需求？ 尝试过将publicPath和base都配成相对路径的形式，在页面上能拿到js且js路径正确，但是js不执行...

M78的社畜

el-tooltip 不支持 router-link组件，如何展示自定义组件？

tooltip 内不支持 router-link 组件，请使用 vm.$router.push 代替。 需求：在el-tooltip内展示自定义组件 element-ui官网提示如下： tooltip 内不支持 router-link 组件，请使用 vm.$router.push 代替。 显然我目前的写法是不合适的，不能直接将这个组件直接传入，需要用vm.$router.push来代替，如果用vm.$router.push，该怎么传入。

我买了30万的鞋子

vue路由跳转，路径改变但页面空白，刷新后正常显示？

vue路由跳转，路径改变但页面空白，刷新后正常显示，导航有十几个菜单，只有其中几个有这个问题，全局监听到路由name属性为nullhttps://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240917/45883df24ff50012552b134ab5e58671.png 路由从接口动态获取 https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240917/2ee4f6630a3a7aa948acfb56a8089da9.png name都是唯一的 现货市场交易信息这个菜单点击空白 清空缓存和无痕浏览都试过没有用

型男不是我还是谁

Vue Router router.push 方法在嵌套路由中如何正确指向子路由?

关于vue-router的嵌套路由和编程式导航的问题 在向子路由的导航中，我发现router.push方法会将本级路由修改而不是导向子路由 "router.push('mainPageView')" 在当前路由为'/MainPage'的情况下，会将路由信息更改为'/mainPageView'，而不是期望的'/MainPage/mianPageView'，导致 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240923/8f0faa17b4115071fa05b62d7cb65e04.png) 我试着使用完全地址 router.push(`${route.fullPath}/mainPageView`) 发现能够正常使用。但在多级的嵌套路由中，拼凑完全地址十分麻烦，并且在网上查的资料也都是不加/的子路由push应当是拼接在本级路由后的，希望得到不使用完全地址便能够正常路由的方法。

codbad

vue router跳转及刷新问题？

需求是点退出后返回首页，碰到的问题是如果当前正好在首页点的退出，页面不会刷新，请问该如何处理？ 加了随机参数也没用 function logout() { console.log('退出'); localStorage.removeItem('access_token'); localStorage.removeItem('refresh_token'); const hash = Math.random(); router.push({ path: '/home', query: { hash } }) .then(() => { console.log('退出成功'); }).catch(error => { console.log(error); }); }