In questo articolo abbiamo visto come validare un form con Vue.js.
Partendo da quell'esempio, adesso vediamo come inviare richieste POST.
Vi ricordo che per inviare richieste HTTP, avete bisogno di un plugin in più:
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-resource@1.5.1"></script>
Vue.js ha delle funzioni integrate per la validazione dei form; il tutto gira intorno al v-model.
Nel caso in questione, non useremo il tag form, in quanto i dati li invio tramite AJAX; ma il concetto è praticamente lo stesso.
In pratica, quello che voglio ottenere, è il binding dell'attributo id di un componente usando Vue.js.
Quindi, riempiamo una lista da sever remoto (usando il formato JSON).
Per ogni link della lista impostiamo l'id, che poi reperiamo nell'evento on-click.
Per fare tutto questo utiliziamo diverse cose di Vue.js:
Specifichiamo cha parliamo della versione di 2 di Vue.js.
Lo sto cominciando a vedere adesso, quindi non so quante differenze ci siano con la versione 1.
Comunque, vediamo come effettuare richieste AJAX e di conseguenza riepire una tabella.