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

以下将展示微信小程序之导航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: 这个组件本身可以在开发者工具中使用，但功能页的跳转目前不支持在开发者工具中调试，请在真机上测试。

示例代码

代码语言：javascript复制

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

代码语言：javascript复制

// 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

小程序 微信 编程算法 费用中心小程序 小程序开发 微信小程序 小程序定制开发 小程序外包开发

0 人点赞