记录微信小程序使用到的一些（持续更新）

目录

1、首先执行app.js里面的onLaunch，再执行page里的onLoad

2、点击图片预览（可长按保存，识别二维码...）

3、点击，拨打电话

4、点击，复制

5、点击跳转到另一个网址

---

1、首先执行app.js里面的onLaunch，再执行page里的onLoad

我们有时候会在app.js里面获取一些必要的数据，但是正常情况下，他的执行顺序：

先执行onloauch（可能还没执行完）------page里的onLoad-------再执行onloauch

解决：onLaunch执行完之后在执行onload

//app.js

onLaunch() {
        // 登录
        wx.login({
            success: res => { 
                wx.request({
                    url: ``,
                    data: {
                       
                    },
                    success: (res) => { 
                        // 重要代码    checkLoginReadyCallback是在page页面声明的
                        //由于这里是网络请求，可能会在 Page.onLoad 之后才返回
                        // 所以此处加入 callback 以防止这种情况
                        this.globalData.checkLogin = true;
                        if (this.checkLoginReadyCallback) {
                            this.checkLoginReadyCallback(res);
                        } 
                    }
                }) 
            }
        })
    },
    globalData: { 
        checkLogin: false
    }

// page    index.js

 onLoad: function (options) {
        var app = getApp()
        //判断onLaunch是否执行完毕 
        if (app.globalData.checkLogin) {

            //代码

        }else{

            //代码

        }
}

2、点击图片预览（可长按保存，识别二维码...）

// 点击二维码事件
    preview_img_code() {
        wx.previewImage({
            current: '', // 当前显示图片的 http 链接
            urls: ['',''], // 需要预览的图片 http 链接列表
            success: (res) => {
                console.log(res);
            },
            file: (err) => {
                console.log(err);
            }
        })
    },

3、点击，拨打电话

wx.makePhoneCall({
            phoneNumber: this.data.datalist.phone,
            success: function () {
                console.log("拨打电话成功！")
            },
            fail: function () {
                console.log("拨打电话失败！")
            }
        })

4、点击，复制

wx.setClipboardData({
            data: this.data.datalist.email,
            success: function (res) {
                wx.showModal({
                    title: '提示',
                    content: '复制成功',
                })
            }
        });

5、点击跳转到另一个网址

如果开发使在本地设置中选择了  " 不校验合法域名、web-view(业务域名)。。。。  “  在预览调试的时候是没问题的

上线之前要练习微信公众平台的管理员配置  ”  web-view(业务域名)“  才能正常打开跳转到的页面

//开始页
 wx.navigateTo({
            url: '/pages/webpage/webpage',
        })

//跳转到   页面   
<web-view src="https:"></web-view>