php - Vuex Laravel 加载所有数据
问题描述
登录时,我一直在尝试加载所有数据。目前,我只能通过 vuex 文件通过控制台显示数据。我只是想实现这一点,因为它在登录时加载所有数据的地方,我更容易调用每个页面上的每个函数。
我认为第一步是在vue devtools上显示它?
这是我尝试过的。我的“./store/modules/currentUser.js”上有这个文件
import axios from "axios";
const state = {
};
const getters = {};
const actions = {
loadEmployee({}){
axios.post(BASE_URL + '/transportation/driver/autoComplete').then(response => {
console.log(response.data); // how to pass result to devtools?
});
}
};
const mutations = {};
export default {
namespaced: true,
state,
getters,
actions,
mutations
}
登录.vue
<script>
export default {
data () {
return {
listdata:[]
}
},
methods: {
login() {
this.$store.dispatch('currentUser/loadEmployee', this.listdata);
}
}
}
</script>
这是我的 vuedevtools 看起来像
我想获取 listdata 数组 vue devtools 上的所有数据
解决方案
如果您使用的是 vuex,您可能应该在开发工具中加载状态。
但是,您的问题是由于没有突变引起的,因此您永远不会更新状态。
import axios from "axios";
const state = {
transansportDrivers: []
};
const getters = {};
const actions = {
loadEmployee({}){
axios.post(BASE_URL + '/transportation/driver/autoComplete').then(response => {
commit('setTransportDrivers', response.data)
});
}
};
const mutations = {
setTransportDrivers: (state, drivers) => {
state.transansportDrivers= drivers;
},
};
export default {
namespaced: true,
state,
getters,
actions,
mutations
}
推荐阅读
- django - NoReverseMatch 除非 Url 在主项目 Urls.py
- reactjs - 如何创建一个打开新页面的按钮,并带有返回上一页的选项[ReactJS
- swift - 如何在 NSTabViewController 中禁用延迟加载?
- d3.js - 在 D3 中更改 SVG 对象的颜色
- laravel - Eloquent 无法识别表名
- c++ - 多个项目的基类 (MS Studio)
- php - 我应该缓存所有内容吗
- c++ - 递归函数中的迭代器值变化
- python - python删除除字母以外的数字值
- python-3.x - 使用 postgresql 部署 Flask 应用程序并获取 AttributeError: 'NoneType' object has no attribute 'drivername'