微信小程序

小程序开发常用实例

2022-07-05  本文已影响0人  itBox

剪贴板是否可用

Page({

  data: {
    result: '',
    canIUseClipboard: wx.canIUse('setClipboardData'),
  },

写入剪贴板

wx.setClipboardData({
      data: code,
      success: function () {
        wx.showToast({
          title: '复制成功',
        })
      }
    })

定义常量

const code = `// 云函数入口函数
exports.main = (event, context) => {
  console.log(event)
  console.log(context)
  return {
    sum: event.a + event.b
  }
}`

获取openid

onLoad: function (options) {
    this.setData({
      openid: getApp().globalData.openid
    })
  }

小程序如何传递数据

跳转页面方式:

1、wx.navigateTo() : 保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面
2、wx.redirectTo() : 关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面
3、wx.switchTab() : 跳转到 TabBar 页面,并关闭其他所有非 tabBar 页面
4、wx.navigateBack() : 关闭当前页面,返回上一页面或多级页面。可通过getCurrentPages() 获取当前的页面栈,决定需要返回几层
5、wx.reLaunch() : 关闭所有页面,打开到应用的某个页面

小程序怎么实现下拉刷新

方法一:
在 app.json 中,设置"enablePullDownRefresh": true, 开启全局下拉刷新。或者通过在单组件的 .json , 设置"enablePullDownRefresh": true, 单组件下拉刷新。

方法二:
使用滚动组件scroll-view自定义刷新,通过(绑定)bindscrolltoupper属性, 当滚动到顶部/左边,会触发 scrolltoupper事件,从而实现下拉刷新功能。

上一篇下一篇

猜你喜欢

热点阅读