Vuex – Do not mutate vuex store state outside mutation handlers

by

It could be a bit tricky to use v-model on a piece of state that belongs to Vuex.

and you have used v-model on todo.text here:

<input class="edit" type="text" v-model="todo.text" v-todo-focus="todo == editedTodo" @blur="doneEdit(todo)" @keyup.enter="doneEdit(todo)" @keyup.esc="cancelEdit(todo)">

use :value to read value and v-on:input or v-on:change to execute a method that perform the mutation inside an explicit Vuex mutation handler

This issue is handled here: https://vuex.vuejs.org/en/forms.html

More Related Contents:

  1. Nuxt.js vuex store not persisted
  2. How to use microfrontends with Vue/Nuxt?
  3. Vuex – Computed property “name” was assigned to but it has no setter
  4. how to make a maximum 1MB upload image?
  5. How can I solve “Interpolation inside attributes has been removed. Use v-bind or the colon shorthand”? Vue.js 2
  6. How to use .env variables in Nuxt 2 or 3?
  7. Vuejs Error: The client-side rendered virtual DOM tree is not matching server-rendered
  8. Communication between sibling components in Vue.js 2.0
  9. How to import and use image in a Vue single file component?
  10. Vuex state on page refresh
  11. How to implement debounce in Vue2?
  12. How to make a dynamic import in Nuxt?
  13. Accessing Vuex state when defining Vue-Router routes
  14. this.$auth.loggedIn returning false
  15. Which command do I use to generate the build of a Vue app?
  16. VueJS access child component’s data from parent
  17. What’s the real difference between target: ‘static’ and target: ‘server’ in Nuxt 2.14 universal mode?
  18. How to install jQuery into Nuxt.js?
  19. Vuex Action vs Mutations
  20. Mocking methods on a Vue instance during TDD
  21. How to have list + details pages based on API fetched content
  22. Vue: wait to render until all components are mounted
  23. Is it possible to emit from mounted in Vuejs?
  24. How to efficiently load google fonts in Nuxt
  25. How to setup SASS/SCSS/sass-loader in Nuxt
  26. What is nextTick and what does it do in Vue.js?
  27. How to access Vuex module getters and mutations?
  28. Can we make vue.js application without .vue extension component and webpack?
  29. When should I use Vuex?
  30. Vuejs: Event on route change

Leave a Comment