开发者社区> 灵感蒙太奇> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

小程序开发中常用的方法(wepy)

简介: 1.缓存的读取 //添加Storage await wepy.setStorageSync('userInfo', ret.data.
+关注继续查看

1.缓存的读取

       //添加Storage
      await wepy.setStorageSync('userInfo', ret.data.data);
      //获取Storage
      let userInfo = await wepy.getStorageSync('userInfo');

2.滚动区域页面的高度通过wx.getSystemInfo 方法获取

      //
      <scroll-view scroll-y style="height:{{height}}px;"></scroll>
      
      async onLoad() {
    let self = this;
    wx.getSystemInfo({
        success: function(res) {
            console.log(res)
         //res.windowHeight为获取到的屏幕高度
            self.height = (res.windowHeight - 50);
            self.$apply()
        }
    });
    };

3.页面的跳转与返回

      //普通跳转
     wx.navigateTo({
                url: url
            })
      //跳转选项卡的页面
      wx.switchTab({
            url: url
     })
      //返回页面
      wx.navigateBack({
                changed: true
      })

4拨打电话

      //
      wx.makePhoneCall({
        phoneNumber:"12580"
    })

5 判断苹果还是安卓手机

    wx.getSystemInfo({
    success: function(res) {
      //苹果手机
    if (res.platform == "ios") {
        that.screenScroll = true
    }
       //安卓手机
    if (res.platform == "android") {
        that.screenScroll = false
    }
}

})

6.小程序返回页面同时刷新页面
(有些时候当我们从A页面跳转到B页面,在b页面更新了缓存中的数据,返回到a页面,a额面没有同步更新数据,可以尝试一下这种方法。)

          //B页面获取页面栈
            let pages = getCurrentPages();
            if (pages.length > 1) {
                //上一个页面实例对象
                let prePage = pages[pages.length - 2];
                //关键在这里,changeData方法是a页面中方法调用,可以传入你想要的数据
                prePage.changeData(historyArr) 
            }
              //返回A页面
            wx.navigateBack({
                changed: true
            })

          //A页面方法调用
            changeData(historyArr) {
                this.addingMore = true
          }

7.小程序的下拉刷新

   config = {
        //首先在config中配置enablePullDownRefresh参数
        enablePullDownRefresh: true
   }
  async onPullDownRefresh() {
        //在onPullDownRefresh函数中设置你下拉之后调用的请求
        await this.getBuildings()
  }

      //也可以在函数中手动的调用下拉刷新事件
        let ret = await api.getBuildings(where);
        if (ret.data.code === 0) {
            wx.stopPullDownRefresh()
            this.$apply()
        } 

8.图片上传

async doUpload(field) {
            let self = this;
                          //首先获取用户token
            let token = await wepy.getStorageSync('token');
                          //调用微信api
            wx.chooseImage({
                count: 1, // 默认9
                sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
                sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
                success: async(ret) => {
                    var tempFilePaths = ret.tempFilePaths;
                    wx.uploadFile({
                      //图片上传的路径
                        url: `https://api.*****.com/v1/file/upload-image?access-token=${token}`,
                        filePath: tempFilePaths[0],
                        name: 'file',
                        header: {
                            "Content-Type": "multipart/form-data;application/json",
                        },
                        success: async(res) => {
                            var data = JSON.parse(res.data);
                            if (data.code === 500) {} else {
                                //成功以后的回调 data.data.url就是图片的路径                   
                                self.$apply()
                            }
                        },
                        fail(e) {
                            console.error(e)
                        }
                    })
                }
            })

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
常用邮箱申请渠道【小程序专题 2】
之前给大家提到过在注册小程序 APPid 时,需要用到邮箱,这里需要注意一下两点。 一个邮箱只能注册一个小程序 一个身份证可以注册 5 个,个人小程序 那么接下来就给大家列举一下,具体的邮箱都有那些。
87 0
【WePY小程序框架实战三】-组件传值
【WePY小程序框架实战一】-创建项目 【WePY小程序框架实战二】-页面结构 父子组件传值 静态传值 静态传值为父组件向子组件传递常量数据,因此只能传递String字符串类型。 父组件 (parent.
1263 0
小程序四级联动(wepy)
由于 github 上没有基于wepy的4级联动组件,基本上都是原生小程序的写法,我自己改写成了基于wepy的四级联动组件。目的是帮助使用wepy的朋友节省一些时间,毕竟我自己没有找到wepy版本的四级联动组件。
1644 0
【WePY小程序框架实战一】-创建项目
最近两个小程序项目使用了微信自己出的框架wepy开发,开发完的感受就是比原生小程序顺溜很多。我就从安装到一些重点和整个项目把wepy使用整理下 全局安装WePY命令行工具 npm install wepy-cli -g 创建项目 wepy init standard mywepy 选择->回车...
1389 0
微信小程序组件化开发框架wepy 学习(二)
1.文件结构 文件结构类似VUE文件 扩展名为 .wpy
2250 0
微信小程序开发框架—wepy快速入门
 小程序框架wepy文档 Github地址 wepy官网:https://tencent.github.io/wepy/index.html 项目创建与使用 安装wepy 以下安装都通过npm安装 安装 wepy 命令行工具。
1210 0
触摸云端编程之道——基于函数计算的serverless应用开发
本文的整理自2017云栖大会-南京峰会上阿里云存储服务高级专家杨皓然的分享讲义,讲义主要介绍了基于函数计算的serverless应用开发的相关内容,从计算的新需求和计算的演化过程谈起,对比传统计算所面临的困境介绍了函数计算所具有的优势,并介绍了函数计算的使用流程和应用示例。
2222 0
+关注
灵感蒙太奇
一名铁艺设计师跨界IT界,个喜欢创新和对新技术的学习探索。爱好绘画篮球,为人谦虚乐观,对生活充满好奇,对工作积极上进。
文章
问答
文章排行榜
最热
最新
相关电子书
更多
用RxSwift写易维护易读的愉悦代码
立即下载
ReactNative实战优化之路
立即下载
前端自动化测试
立即下载