微信小程序 功能页导航 functional-page-navigator 组件

Posted 2021-06-23 java1234_小锋

完整微信小程序(Java后端) 技术贴目录清单页面（必看）

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

属性	类型	默认值	必填	说明	最低版本
version	string	release	否	跳转到的小程序版本，线上版本必须设置为 release	2.1.0
name	string		否	要跳转到的功能页	2.1.0
args	object		否	功能页参数，参数格式与具体功能页相关	2.1.0
bindsuccess	eventhandler		否	功能页返回，且操作成功时触发， detail 格式与具体功能页相关	2.1.0
bindfail	eventhandler		否	功能页返回，且操作失败时触发， detail 格式与具体功能页相关	2.1.0
bindcancel	eventhandler		否	因用户操作从功能页返回时触发	2.4.1

version 的合法值

值	说明	最低版本
develop	开发版
trial	体验版
release	正式版

name 的合法值

值	说明	最低版本
loginAndGetUserInfo	用户信息功能页	2.1.0
requestPayment	支付功能页	2.1.0
chooseAddress	收货地址功能页	2.4.0
chooseInvoice	获取发票功能页	2.14.1
chooseInvoiceTitle	获取发票抬头功能页	2.14.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
    }
  }
})

微信搜一搜【java1234】关注这个放荡不羁的程序员，关注后回复【资料】有我准备的一线大厂笔试面试资料以及简历模板。