javascript - 将 Vue 与 Vuex 结合使用时清除输入字段

标签 javascript vue.js vuex

我想在我的 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/

相关文章:

javascript - 如何保护我的单页应用程序免受 CSRF 侵害

vue.js - 如何在 Vue 中注册自定义指令

javascript - 如何使用动态路径作为突变的有效负载从 Vuex 存储中删除条目?

vue.js - 我如何使用 vuex 嵌套模块?

unit-testing - _vuex.default.store 不是构造函数

javascript - 将 FileReader 的结果转换为 javascript 对象

webpack - vue组件中图片的使用

javascript - 更改网页中的鼠标指针

javascript - Google ReCaptcha V3 - 缺少必需参数 : sitekey

javascript - 在评论中使用 AngularJS 指令有什么意义?