使用Vue和Vuex时清除输入字段
Clearing input field when using Vue with Vuex
我想在我的vuex todo应用程序中添加一个新的todo后清除输入,我想知道这是否是应用程序状态,应该用vuex处理,或者组件状态,应该在组件本身内处理。现在我只有一个v-model
连接到输入,它保存着一个空字符串:
<input v-model="text"...>
在我的组件内部:
data(){
return{
text: ''
}
}
下面是一个演示:http://codepen.io/p-adams/pen/YWBAqP
我遵循一个经验法则来确定什么时候需要处于应用程序级别状态,什么时候需要处于组件级别。
任何只影响组件的局部视图并且永远不会在视图外被需要的状态都可以是局部状态。如果您理想地选择了vuex
,您也将避免这种情况。
其他所有内容都应该进入应用程序级别状态。然后在添加一些内容后清除输入只是在addTodo
方法中设置this.text=""
的问题。
相关文章:
- 单击jquery清除输入值
- 改变“;onClick"这个jQuery的操作从清除输入文本改为将输入文本添加到下面的列表中
- 如何在表单提交后清除输入字段
- Magento自定义选项-清除输入字段问题
- 点击提交后如何清除输入字段
- 清除输入字段值-STCombobox时出现意外的JS行为
- 使用Jquery清除输入文本字段值
- 如何在不隐藏键盘的情况下清除输入搜索?(手机)
- javascript:如何在另一个输入值更改时清除输入框
- 如何在jquery中清除输入文件字段
- 使用React清除输入字段
- 为什么我无法清除输入
- 使用 jQuery 清除输入值的更好方法
- 清除输入,模糊文本区域和默认值(如果字段为空)
- 如何在 AngularJS 中清除输入时调用函数
- 清除输入字段的建议框
- 如何通过JavaScript清除输入类型=“日期时间”
- 如何在单击链接时清除输入元素
- 使用 JavaScript 清除输入
- 单击图像后清除输入框