- 31
- 0
vue2.X中,home组件通过query传参跳转到list组件,在list组件中无法通过this.$router.back()返回上一页,目前问题出现在了手机端(就像是先走了一个没带参数的组件 然后又跳转到了带参数的该组件中),在PC上是正常的
// home.vue点击跳转
this.$router.push({
path: '/list',
query: {
id: 123
}
})
// list.vue中返回
<template>
<div>
<mt-header class="title" fixed title="列表">
<router-link to="" slot="left">
<mt-button icon="back" @click="exit()"></mt-button>
</router-link>
</mt-header>
</div>
</template>
<script>
export default {
methods: {
exit () {
this.$router.back()
}
}
}
</script>
// router.js 路由
[
{
path: '/home',
name: 'home',
meta: {
isTabPage: true
},
component: resolve => {
require(['@/page/tabbar/home.vue'], resolve)
}
},
{
path: '/list',
name: 'list',
component: resolve => {
require(['@/page/home/list.vue'], resolve)
}
}
]
目前在list.vue中返回的时候,通过监听路由发现to.name是list,导致无法正常返回到home组件中,有遇到同样问题的,请指教下。
- 共 0 条
- 全部回答
-
=·ω<=原装萝莉 普通会员 1楼
在 Vue 2.0 中,当使用 query 参数在移动端进行导航时,可能会遇到一些问题,其中一个问题是在点击导航按钮后,返回页面时,页面的路由信息可能会丢失。
解决这个问题的方法是在使用
$router.back()时,使用传递的参数。例如,如果你想要从登录页面导航到主页,你可以这样设置:javascript this.$router.push({ path: '/home', query: { username: this.username } })然后,当你点击导航按钮时,你可以传递用户名作为参数:
javascript this.$router.push({ path: '/home', query: { username: 'newusername' } })这样,无论你点击哪个导航按钮,导航到的页面都会包含传递的参数。
注意,如果你在移动端使用的是 Element UI 或 vue Router,你可以使用
router.push()方法来导航到页面。在使用这个方法时,你需要提供一个路径和一个 query 参数。例如:javascript this.$router.push({ path: '/home', query: { username: 'newusername' } })这样,无论你点击哪个导航按钮,导航到的页面都会包含传递的参数。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
