微信小程序官方组件展示之导航functional-page-navigator源码

软件事业部

发布于 2022-09-27 09:05:00

4600

发布于 2022-09-27 09:05:00

文章被收录于专栏：软件事业部专栏软件事业部专栏

以下将展示微信小程序之导航functional-page-navigator源码官方组件能力，组件样式仅供参考，开发者可根据自身需求定义组件样式，具体属性参数详见小程序开发文档。

功能描述：

仅在插件中有效，用于跳转到插件功能页。

属性说明：

属性	类型	默认值	必填	说明	最低版本
version	string	release	否	跳转到的小程序版本，线上版本必须设置为 release	2.1.0
合法值	说明
develop	开发版
trial	体验版
release	正式版
name	string		否	要跳转到的功能页	2.1.0
合法值	说明	最低版本
loginAndGetUserInfo	用户信息功能页	2.1.0
requestPayment	支付功能页	2.1.0
chooseAddress	收货地址功能页	2.4.0
chooseInvoice	获取发票功能页	2.14.1
chooseInvoiceTitle	获取发票抬头功能页	2.14.1
args	object		否	功能页参数，参数格式与具体功能页相关	2.1.0
bindsuccess	eventhandler		否	功能页返回，且操作成功时触发， detail 格式与具体功能页相关	2.1.0
bindfail	eventhandler		否	功能页返回，且操作失败时触发， detail 格式与具体功能页相关	2.1.0
bindcancel	eventhandler		否	因用户操作从功能页返回时触发	2.4.1

Bug & Tip

1.tip: 功能页是插件所有者小程序中的一个特殊页面，开发者不能自定义这个页面的外观。

2.tip: 在功能页展示时，一些与界面展示相关的接口将被禁用（接口调用返回 fail ）。

3.tip: 这个组件本身可以在开发者工具中使用，但功能页的跳转目前不支持在开发者工具中调试，请在真机上测试。

示例代码

<!-- sample.wxml -->
<functional-page-navigator name="loginAndGetUserInfo" bind:success="loginSuccess">
  <button>登录到插件</button>
</functional-page-navigator>

// redirect.js navigator.js
Component({
  methods: {
    loginSuccess: function(e) {
      console.log(e.detail.code) // wx.login 的 code
      console.log(e.detail.userInfo) // wx.getUserInfo 的 userInfo
    }
  }
})

原文链接地址：https://developers.weixin.qq.com/miniprogram/dev/component/functional-page-navigator.html

本文系转载，前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

小程序