时间:2021-05-25
(以下所有接口由后台提供)
一、微信自动登录
//定义事件 methods:{ //判断是否微信登陆 是不是微信浏览器 isWeiXin() { let ua = window.navigator.userAgent.toLowerCase(); console.log(ua);//mozilla/5.0 (iphone; cpu iphone os 9_1 like mac os x) applewebkit/601.1.46 (khtml, like gecko)version/9.0 mobile/13b143 safari/601.1 if (ua.match(/MicroMessenger/i) == 'micromessenger') { return true; } else { return false; } }, test(){ if(this.isWeiXin()){ //微信登录,接口由后台定义 this.$http.get('/wx/index/login/type/2').then((res) => { if(res.data.code==0){ //微信登录成功跳转个人中心 this.$router.push({ name:'UserHome', }) }else{ //微信登录失败,使用填写信息登录 this.$router.push({ name:'Login', }) } }) } //页面加载后执行 mounted(){ if(this.isWeiXin()){ //是来自微信内置浏览器 // 获取微信信息,如果之前没有使用微信登陆过,将进行授权登录 this.$http.get(this.$root.api+"/index/index/wx_info").then((res) => { if(res.data.code!=0){ location.href='/wx/index/wxAutoLogin'; } }) } }二、微信分享
methods:{ //判断是否微信登陆 isWeiXin() { let ua = window.navigator.userAgent.toLowerCase(); console.log(ua);//mozilla/5.0 (iphone; cpu iphone os 9_1 like mac os x) applewebkit/601.1.46 (khtml, like gecko)version/9.0 mobile/13b143 safari/601.1 if (ua.match(/MicroMessenger/i) == 'micromessenger') { return true; } else { return false; } }, //微信分享使用方法 wxInit(sd){ let links='http:///'} //当前网页链接,必须跟当前页面链接一样,单页面则以首页链接为准 $.post(url,data,function(res){ if(res.code == 0){ // 调用微信分享 old_this.wxInit(res.data); } }); } };以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了Vue-CLI与Vuex使用方法。分享给大家供大家参考,具体如下:1、通过Vue-CLI创建项目Vue-CLI是Vue用于创建Vue项目的脚手架工
本文介绍了VsCode新建VueJs,分享给大家,具体如下:使用vue-cli快速构建项目(vue-cli是vue.js的脚手架,用于自动生成vue.js模板工
vue-cli是vue.js的脚手架,用于自动生成vue.js模板工程的。1、安装vue-cli使用npm全局安装vue-cli(前提是已经安装了nodejs,
本文介绍了vue使用vue-cli快速创建工程,分享给大家,具体如下:vue-cli安装npmivue-cli-gvueinitwebpack-simplevu
本文介绍了Vue使用vue-cli创建项目,分享给大家,具体如下:vue-cli是一个官方发布vueJS项目脚手架:https://github.com/vue