使用Vue与Vuex时清除输入字段

时间:2016-08-14 14:18:12

标签: javascript vue.js vuex

我想在我的vuex todo应用程序中添加一个新的todo后清除输入,我想知道这是否是应用程序状态,并且应该使用vuex或组件状态来处理,这应该在组件本身内处理。现在我只有一个v-model附加到输入,它保留一个空字符串:

<input v-model="text"...>

在我的组件中:

data(){ return{ text: '' } } 这是一个演示:http://codepen.io/p-adams/pen/YWBAqP

1 个答案:

答案 0 :(得分:0)

我遵循经验法则来确定什么时候需要某个应用程序级别的状态以及什么时候需要在组件级别。

任何只影响组件本地视图且在视图外永远不需要的状态都可以是本地状态。如果你理想地选择vuex,你也会避免这种情况。

其他所有内容都应该进入应用程序级状态。然后在添加内容后清除输入只需在this.text=""方法中设置addTodo