账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue2.0 query传参在手机端无法使用$router.back()返回
    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
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 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' } })

      这样,无论你点击哪个导航按钮,导航到的页面都会包含传递的参数。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部