/mina-page-patch

微信小程序 Page 叠加包,让 wxml 直接使用 wx 下的 api

Primary LanguageJavaScript

mina-page-patch

微信小程序 Page 叠加包,让 wxml 可以直接使用 wx 下的 api,并通过 data-* 传递参数

使用

下载 page-patch.js 到小程序项目目录,在 app.js 顶部调用

import pagePatch from './page-patch.js';
pagePatch();

pagePatch 默认叠加了大部分不需要用户授权的 api,如果需要叠加更多的 api,可以传入一个数组

pagePatch(['vibrateShort']);

接下来就可以在 wxml 中直接使用 wx 下的 api,不需要在页面 js 文件中声明处理函数,例如实现点击图片进入预览

index.wxml

<image src="{{img_url}}" bindtap="$wx.previewImage" data-urls="{{[img_url]}}" />

需要用到 success, fail, complete 回调?

index.js

Page({
  previewSuccess(res) {
    console.log('previewImage success', res);
  }
});

index.wxml

<image src="{{img_url}}" bindtap="$wx.previewImage" data-urls="{{[img_url]}}" data-success="previewSuccess" />

需要驼峰参数名?

index.wxml

<button bindtap="$wx.makePhoneCall" data-phone-number="13800138000">打电话</button>

注意

  • pagePatch 必须在 app.js 顶部调用,确保页面初始化之前成功叠加