路由

qh.navigateTo

解释：保留当前页面，跳转到应用内的某个页面，使用 qh.navigateBack 可以返回到原页面。

方法参数：Object object

object参数说明：

参数名类型必填默认值说明
urlString是-需要跳转的应用内页面的路径，路径后可以带参数。参数与路径之间使用?分隔，参数键与参数值用=相连，不同参数用&分隔；如 ‘path?key=value&key2=value2’。
successFunction否-接口调用成功的回调函数
failFunction否-接口调用失败的回调函数
completeFunction否-接口调用结束的回调函数（调用成功、失败都会执行）

示例：

  • 在 html 文件中
  1. <div >
  2.     <se-button @click="navigateTo" type="primary">跳转新页面</se-button>
  3.     <se-button @click="navigateBack" type="primary">返回上一页</se-button>
  4.     <se-button @click="redirectTo" type="primary">在当前页面打开</se-button>
  5. </div>
  • 在 js 文件中
Page({
    methods: {
        navigateTo() {
            qh.navigateTo({
                url: '/pages/detail/detail'
            });
        },
        navigateBack() {
            qh.navigateBack({
                delta: 2
            });
        },
        redirectTo() {
            qh.redirectTo({
                url: '/pages/detail/detail'
            });
        }
    }
});

qh.redirectTo

解释：关闭当前页面，跳转到应用内的某个页面，不会向history栈中添加记录。

方法参数：Object object

object参数说明：

参数名类型必填默认值说明
urlString是-需要跳转的应用内页面的路径，路径后可以带参数。参数与路径之间使用?分隔，参数键与参数值用=相连，不同参数用&分隔；如 ‘path?key=value&key2=value2’。
successFunction否-接口调用成功的回调函数
failFunction否-接口调用失败的回调函数
completeFunction否-接口调用结束的回调函数（调用成功、失败都会执行）

示例：

  • 在 html 文件中
<div>
    <se-button type="primary" @click="redirectTo">redirectTo</se-button>
</div>
  • 在 js 文件中
Page({
    methods: {
        redirectTo() {
            qh.redirectTo({
                url: '/api/api?key=value',
                success: function () {
                    console.log('redirectTo success');
                },
                fail: function (err) {
                    console.log('redirectTo fail', err);
                }
            });
        }
    }
});

qh.switchTab

解释：跳转到 tabBar 页面。

方法参数：Object object

object参数说明：

参数名类型必填默认值说明
urlString是-需要跳转的 tabBar 页面的路径。
successFunction否-接口调用成功的回调函数
failFunction否-接口调用失败的回调函数
completeFunction否-接口调用结束的回调函数（调用成功、失败都会执行）

示例：

  • 在 html 文件中
<div>
    <se-button type="primary" @click="switchTab">switchTab</se-button>
</div>
  • 在 js 文件中
Page({
    methods: {
        switchTab() {
          qh.switchTab({
              url: '/api/api',
              success: function () {
                  console.log('switchTab success');
              },
              fail: function (err) {
                  console.log('switchTab fail', err);
              }
          });
      }
    }
});

qh.navigateBack

解释：关闭当前页面，返回上一页面或多级页面。

方法参数：Object object

object参数说明：

参数名类型必填默认值说明
deltaNumber否1返回的页面数，如果 delta 大于现有页面数，则返回到首页1。
successfunction否-接口调用成功的回调函数
failfunction否-接口调用失败的回调函数
completefunction否-接口调用结束的回调函数（调用成功、失败都会执行）

示例：

  • 在 component.html 文件中
<div>
    <se-button type="primary" @click="navigateTo">navigateTo</se-button>
</div>
  • 在 api.html 文件中
<div>
    <se-button type="primary" @click="navigateBack">navigateBack</se-button>
</div>
  • 在 component.js 文件中
Page({
    methods: {
        navigateTo() {
            qh.navigateTo({
                url: '/api/api?key=value',
                success: function () {
                    console.log('navigateTo success');
                },
                fail: function (err) {
                    console.log('navigateTo fail', err);
                }
            });
        }
    }
});
  • 在 api.js 文件中
Page({
    methods: {
        navigateBack() {
            qh.navigateBack({
                success: function () {
                    console.log('navigateBack success');
                },
                fail: function (err) {
                    console.log('navigateBack fail', err);
                }
            });
        }
    }
});

qh.reLaunch

解释：关闭所有页面，打开到应用内的某个页面。

方法参数：Object object

object参数说明：

参数名类型必填默认值说明
urlString是-需要跳转的应用内页面路径，路径后可以带参数。参数与路径之间使用 ? 分隔，参数键与参数值用=相连，不同参数用 & 分隔；如 ‘path?key=value&key2=value2’。
successFunction否-接口调用成功的回调函数
failFunction否-接口调用失败的回调函数
completeFunction否-接口调用结束的回调函数（调用成功、失败都会执行）

示例：

  • 在 html 文件中
<div class="wrap">
    <se-button type="primary" @click="reLaunch">reLaunch</se-button>
</div>
  • 在 js 文件中
Page({
    methods: {
        reLaunch() {
            qh.reLaunch({
                url: '/api/api?key=value',
                success: function () {
                    console.log('reLaunch success');
                },
                fail: function (err) {
                    console.log('reLaunch fail', err);
                }
            });
        }
    }
});

qh.reLoad

解释：刷新当前页面。

示例：

  • 在 html 文件中
<div class="wrap">
    <se-button type="primary" @click="reLoad">reLoad</se-button>
</div>
  • 在 js 文件中
Page({
    methods: {
        reLoad() {
            qh.reLoad();
        }
    }
});