小程序基础学习 整理2 [路由，授权]

路由

--标签
    <navigator 
        url="" 
        open-type="switchTab"  //-- 标签去实现tab之间的跳转，必须设置open-type
    ></navigator> 

    <navigator 
        url="" 
        open-type="navigateBack"  //-- 标签去实现回退上一个页面
    ></navigator>    

    <navigator 
        url="" 
        open-type="redirect"  //-- 重新定位到某个页面
    ></navigator>       

    <navigator 
        url="" 
        open-type="reLaunch"  //-- 重新加载某页面,无跳转历史记录
    ></navigator>       

    --api 
        navgate // js中API跳转
        wx.navgateTo({
            url : '路径';
        })

用户信息授权 ->

点击授权按钮 <button open-type="getUserInfo" bindgetuserinfo="事件处理函数名"></button>  事件处理函数中detail中有对应信息用于判断用户授权的选择    

                      前端信息：某些信息用户授权后可以直接使用

                      后端信息：某些信息需要传递到后台，做后续操作

                      授权弹出框只有button形式可以出现

                      注意：直接绑定事件，在事件处理函数中，直接用wx.getUserInfo({}) //不会弹出授权选单，没有授权记录，会直接授权失败

其他信息授权 ->

  //授权API
                    //以位置授权为例：
                    //1.位置授权
                    wx.authorize({
                        scope : 'scope.userLocation',
                        success : meg=>{
                            //成功回调
                            console.log(msg);
                        },
                        fail : e=>{
                            console.log(e,'fail');
                        }
                    })

                    //2.获取位置信息
                    //API直接触发，会触发位置授权弹出框
                    wx.getLocation({
                        success:msg=>{
                            console.log(msg,'success');
                        },
                        fail:e=>{
                            console.log(e,'fail');
                        }

                    })

API授权方法

wx.getSetting({
            success:msg=>{
                console.log(msg) //获取授权的信息 authSetting中有授权的布尔值列表明细
            }
        })

        wx.openSetting({
            success:msg=>{
                console.log(msg) //会弹出被用户操作拒绝的已有授权操作面板 [注：用户拒绝授权后，弥补界面]
            }
        })