uniapp 在小程序获取当前经纬度,微信账号信息
index.vue
当前经度:{{local.long}}
当前纬度:{{local.lat}}
if="!hasLogin">
游客你好{{hasLogin}}
if="hasLogin">
你好:{{userinfo.nickName}}
user.vue
if="!hasLogin">
请先登陆{{userinfo}}
if="hasLogin">
{{userinfo.nickName}}
store/index.js
import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const store = new Vuex.Store({ state: { hasLogin: false, userinfo: {}, local:{}, }, mutations: { // 登录 login(state,res) { state.hasLogin = true state.userinfo = res uni.setStorage({ key: 'userinfo', data: res }) }, // 经纬度 savejwd(state,jwd) { state.local = jwd }, aa(state,n){ console.log(n) } }, }) export default store
main.js
因为涉及到定位,所以要直接修改微信代码的 app.json。注意是修改微信代码,不是uniapp代码
"permission": { "scope.userLocation": { "desc": "你的位置信息将用于小程序位置接口的效果展示" } },
效果图未登陆前
点击登陆后
将信息经纬度储存到vuex,方便其他页面全局调用。如果下次在其他位置进入小程序,经纬度也会变
将用户信息存储到localstore 方便下次进入小程序时可以免登陆