vue如何在action中使用loading

Question

在Vue中一般这样使用loading状态getData(){    this.loading = true;    get(api).then(res => {        this.data = res;        this.loading = false;     }) }但在vuex的action中如何使用，下面例子使用了一个公共的loading发现不行，loading状态应该是局部的，那么如何在vuex中控制loading状态？  const actions = {   getProductInfo({commit}){     commit(types.LOADING, true)     api.xxx()       .then(res => {         commit(types.PRODUCTINFO, res.data)         commit(types.LOADING, false)       })   },

Answer 1

承接你的第二个例子，
把loading的flag放在state中，组件通过state获取是否loading