先在api接口中定义一个login.js 填写请求
import request from '../utils/request.js'
export function getLogin(username,password){
return request({
url:`/login`,
method:'POST',
data:{username,password}
})
}
在user.js页面中的mutations里自己定义一个名字,用preload接收数据
export default {
state: {
status: false, //登录的状态,获取数据中status是1,登录成功时状态为1(看得到的数据中给的
// 是什么)
token: false, //一个令牌,看你是不是进入的一个令牌
userInfo: {}
},
mutations: {
getUserInfo(state,preload){
state.status=preload.status
state.token = preload.token
state.userInfo = preload //把得来的数据传给userInfo
}
},
}
在登录页面把数据传给preload
import {mapMutations} from 'vuex'
methods: {
submit() { //点击登录的事件
if(!this.check){
uni.showToast({
title: '请同意app协议',
icon: 'none'
})
return
}else{
getLogin(this.username,this.password).then(res=>{
console.log(res); //打印传递过来的数据
this.getUserInfo(res.data) //把res.data数据存入user.js里面的
//getUserInfo(state,preload) preload中
uni.switchTab({
url:'../myfile/myfile' //跳转到我的页面
})
})
}
},}
别忘了use.js要引入, 在store index.js中 如
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
import cart from './modules/cart.js'
import user from './modules/user.js'
export default new Vuex.Store({
modules:{
cart,user
}
})
版权声明:本文为Dummerd原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。