我想在我的 vuex todo 应用程序中添加新的待办事项后清除输入,我想知道这是否是应用程序状态,是否应该使用 vuex 或组件状态来处理,而组件状态应该在组件本身内处理。现在我只有一个v-model
附加到保存空字符串的输入:
<input v-model="text"...>
在我的组件内:
data(){
return{
text: ''
}
}
这是一个演示:http://codepen.io/p-adams/pen/YWBAqP
最佳答案
我遵循经验法则来确定何时某些内容需要处于应用程序级别状态以及何时需要处于组件级别。
任何只影响组件的本地 View 并且在 View 之外永远不需要的状态都可以是本地状态。如果您选择了 vuex
,理想情况下您也将避免这种情况。
其他一切都应该进入应用程序级别状态。添加内容后清除输入只需在 addTodo
方法中设置 this.text=""
即可。
关于javascript - 将 Vue 与 Vuex 结合使用时清除输入字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38943116/