mpvue - mpvue-router-patch配置路由

喜欢ヅ旅行 2021-09-20 01:42 353阅读 0赞

### 前言 ###

`mpvue-router-patch`是mpvue 中使用 `vue-router`兼容的路由

### 使用 ###

// 在src/main.js
    
    import Vue from 'vue'
    import MpvueRouterPatch from 'mpvue-router-patch'
    Vue.use(MpvueRouterPatch)

### 方法 ###

*  $router.push(location, onComplete?, onAbort?, onSuccess?)

跳转到应用内的某个页面，`mpvue.navigateTo`、`mpvue.switchTab`及 `mpvue.reLaunch`均通过该方法实现，location 参数支持字符串及对象两种形式，跳转至 tabBar 页面或重启至某页面时必须以对象形式传入

// 字符串
    this.$router.push('/pages/news/detail')
    // 对象
    this.$router.push({ path: '/pages/news/detail' })
    // 带查询参数，变成 /pages/news/detail?id=1
    this.$router.push({ path: '/pages/news/detail', query: { id: 1 } })
    // 切换至 tabBar 页面
    this.$router.push({ path: '/pages/news/list', isTab: true })
    // 重启至某页面，无需指定是否为 tabBar 页面，但 tabBar 页面无法携带参数
    this.$router.push({ path: '/pages/news/list', reLaunch: true })

**注意**： 返回tab页面需要加上 isTab: true

*  this.$router.go(n)

关闭当前页面，返回上一页面或多级页面，n 为回退层数，默认值为 1

*  this.$router.back()

关闭当前页面，返回上一页面

详情见：[https://www.npmjs.com/package/mpvue-router-patch][https_www.npmjs.com_package_mpvue-router-patch]

[https_www.npmjs.com_package_mpvue-router-patch]: https://www.npmjs.com/package/mpvue-router-patch

发表评论取消回复

表情：

评论列表（有 0 条评论，353人围观）

还没有评论，来说两句吧...

相关阅读

相关 php 配置路由,Apache配置路由之PHP

1，找到Apache的配置文件httpd.conf，搜索AllowOverride \ \ AllowOverride controls what directives m

朱雀/ 2023年01月17日 04:53/ 0 赞/ 182 阅读

相关【Express】—路由配置

【Express】—路由配置一、搭建环境，测试环境是否搭建成功 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_s

本是古典何须时尚/ 2022年08月29日 06:17/ 0 赞/ 231 阅读

相关 AngularJS 配置路由

> 在使用AngularJS的时候需要用到路由来控制页面的跳转，从而达到使用一个面板进行控制的目的，面板页面如图所示 ![控制面板][SouthEast] > 该面板分为菜

谁践踏了优雅/ 2022年06月15日 04:21/ 0 赞/ 279 阅读

相关静态路由配置

实现不同网段设备相互访问 ![场景][SouthEast] 实现PC1和PC2之间可以互通只要在Router1和Router2分别添加一条静态路由即可 `未添加静态

Myth丶恋晨/ 2022年06月10日 21:16/ 0 赞/ 1057 阅读

相关 vue路由配置

1.首先在项目中安装vue-router 在terminal中输入 npm install vue-router --save 2.在mian.js中导入router

柔情只为你懂/ 2022年04月08日 08:39/ 0 赞/ 290 阅读

相关基本路由和静态路由配置

R1(config)\ erase startup-config .在特权模式下使用 erase startup-config命令清除配置 R1(con

怼烎@/ 2022年02月20日 02:47/ 0 赞/ 527 阅读

相关配置多路由的静态路由

配置接口 IP地址并通过静态路由，实现全网互通使用ENSP搭建实验环境 ![配置多路由的静态路由][watermark_size_16_text_QDUxQ1RP5Y

拼搏现实的明天。/ 2022年01月13日 14:54/ 0 赞/ 515 阅读

相关 React 路由配置

转载https://blog.csdn.net/We\_jia/article/details/89353729\%E4%B8%80%E3%80%81%E8%B7%AF%E7%

╰半橙微兮°/ 2021年12月11日 10:49/ 0 赞/ 502 阅读

相关 mpvue - mpvue-router-patch配置路由

前言 `mpvue-router-patch`是mpvue 中使用 `vue-router`兼容的路由使用 // 在src/main.js

喜欢ヅ旅行/ 2021年09月20日 01:42/ 0 赞/ 354 阅读

相关 dva 路由配置

1、引入 import { Router, Route, Switch } from 'dva/router'; 2、使用 im

以你之姓@/ 2021年07月24日 20:25/ 0 赞/ 943 阅读