介绍
小编给大家分享一下vuex怎样实现带参数的getter和state.commit,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!
<强> getter带参数强>
官方例子:
getter:, { ,//? ,getTodoById:(状态),=祝辞,(id),=祝辞,{ return 才能state.todos.find (todo =祝辞,todo.id ===, id) ,} }
使用:
store.getters.getTodoById (2),//,,, {id:大敌;2,文字:,& # 39;……& # 39;,,:,false }
stackoverflow例子:
new Vuex.Store ({ ,getter: { someMethod才能(状态){ ,,var self =,; ,,,return function (args), { ,,,,//,return data 得到store with query 提醒args 以及self as 这 ,,,},,,,, ,,} ,} })
<强>提交带参数强>
参考;https://stackoverflow.com/questions/46097687/vuex-passing-multiple-parameters-to-action和https://stackoverflow.com/questions/40522634/can-i-pass-parameters-in-computed-properties-in-vue-js
就是把第二个参数,以散列的形式传过来。
//, vue页面调用: ,,store.commit(增加,,{ ,,,请看:,vid ,//,这里可以容纳更多参数 ,,})//,store.js const mutations =, { (增加),(状态,数据){ pair 才能=,state.pairs.find(,(两人)=祝辞,{ ,,return pair.vid ==, data.vid ,//,注意这里的,data.vid 就是了。 })才能 ,} }
以上是“vuex怎样实现带参数的getter和state.commit”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!