您当前的位置:首页 > 前端 > vue > actions异步处理操作

actions异步处理操作

日期:2021-08-22 09:20:14    浏览:356

 

actions: {
        //content是上下文的意思
        demo(content) {
            console.log(content)
            setTimeout(function (e) {
                //直接修改状态的值
                content.state.mnum = "9999";
                //通过修改计算属性方法来间接修改状态的值
                // content.commit("sum")
            }, 30)
        },
        //第二种写法
        /* 因为content是一个对象,里面包含,state,getter,commit
        所以我们可以展开对象来写,第二个参数为自定义参数(payload)
         */
        fun({state, commit, getter}, payload) {
            state.mnum = 11111
            console.log("接收的值", payload)
        }
    },

 

在模板中调用

  <h3>vuex actions</h3>
  <button @click="cnum">actions</button>
  {{ $store.state.mnum }}
  <button @click="$store.dispatch('fun',{name:'xiaoli'})">修改状态的值</button>

Tags: vue

世事无常

要有遥不可及的梦想,也要有脚踏实地的本事