vue 调用共众url_利用Vuex实现uni-app项目全局接收存取url参数

前些时间写了 Vue状态管理模式：Vuex入门教程 ，今天再整理一下，利用 Vuex 全局接受参数及存取使用的一个方法。

首先要使用 store ，安装及使用方法参见上文。

在 ./store/index.js 中添加代码：const store = new Vuex.Store({

state: {

device: null, // 设备来源

},

mutations: {

/*

* 更新设备来源

*/

UPDATE_DEVICE (state, deviceStr) {

if (deviceStr) {

state.device = deviceStr.toLowerCase()

console.log('device：' + state.device)

}

}

}

});

export default store

这里使用了 toLowerCase() 方法，是将接收的参数统一转换为小写。

当然你也可以使用 toUpperCase() 方法将接收的参数统一转换成大写，也可以不进行转换，直接保存。

在 ./App.vue 中展开并调用 mutations 方法，在 onLaunch 中调用：import { mapMutations } from 'vuex'

onLaunch: function(e) {

// 获取设备参数

let device = e.qu