本文探讨了在Vuex严格模式下处理表单时遇到的问题。当试图直接修改Vuex store中的状态时，需要通过commit进行mutation。提出了两种解决方案：1. 通过事件处理，利用input事件触发mutation更新状态；2. 使用双向绑定计算属性，使得message变化时自动提交mutations。这两种方法旨在在保持状态管理规范的同时，简化表单操作流程。
首先简单的介绍一下vuex。
vuex的核心就是store仓库，里面管理着我们的状态， 我们在编写vue程序的时候，状态管理很重要。举个例子：比如我们都知道，加载有个加载的圈在那儿转，等到数据请求完成了，也就消失了，这个东西的写法我们就可以用到状态管理。首先状态值为0，向后端发一个请求，就状态值加1，返回一个请求就状态字减1，等到状态为0的时候，就消失这个加载圈。记住核心是状态，其它的mutation等等都是为了去合理的操作这个状态而生。
回到本文的重点，vuex的表单处理。
问题：
使用vuex严格模式的时候，在属于 Vuex 的 state 上使用 v-model 会比较棘手：
<input v-model="obj.message" />如果这个obj是一个vuex store对象，那么这样就会出现问题。
你不能直接改变 store 中的状态。改变 store 中的状态的唯一途径就是显式地提交 (commit) mutation。
由于上面的规定，所以我们这里的操作相当于直接操作了。
解决：
1、通过事件来处理
<input :value="message" @input="updateMessage">
最低0.47元/天 解锁文章
680
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
