Vue.js 2 Web Development Projects

User actions

We will now implement the few actions the users will be able to do in the form:

1. In the SmarForm component, add these two buttons after the inputs:

      <template slot="actions">        <router-link          tag="button"          :to="{name: 'tickets'}"          class="secondary">          Go back        </router-link>        <button          type="submit"          :disabled="!valid">          Send ticket        </button>      </template>

2. Then implement the operation method, which will be similar to what we have done in the Login component. The server path we need to send the POST request to is /tickets/new:

      async operation () {        const result = await this.$fetch('tickets/new', {          method: 'POST',          body: JSON.stringify({            title: this.title,            description: this.description,          }),        })        this.title = this.description = ''      },

You can now ...