Confirmation window in vue?

Question

Vue.js

Hello. There are n-th number of actions with the API, the response to which is returned as . So, for example, overwriting item, we make a request, if it returns , then we make the next post request without problems, if true, then we need to display a modal with confirmation of the action. What is the best way to implement this logic? exists: true or false/api/item/check/exists: false

Answer 1

Why are you doing a redundant check action? Check the post immediately post. In case of an error, return false, in case of success - an array of attributes of the record.

Answer 2

It can just encapsulate this logic into a separate function and call it in different places...
Just for example:

sendWithCheck(action1,action2, params) {
  this.$store.dispatch(action1, params)
  .then(r => {
     if(r.result) {
       showConfirmMessage('textmessage', () => {
          // this is confirm event handler just for example
         this.$store.dispatch(action2)
       })
     } else {
         this.$store.dispatch(action2)
     }
  })
}

Answer 3

If you use axios, then look towards interceptors
https://github.com/axios/axios#interceptors