vue.js

Mattepuffo's logo
Utilizzare TinyMCE con Vue.js

Utilizzare TinyMCE con Vue.js

Per usare nel miogliore dei modi TinyMCE con Vue.js, è meglio usare un plugin apposito: tinymce-vue!

Se non volete / potete usarlo con Node.js, dovrete prima installare il pacchetto e poi estrarre il Javascript; io ho fatto così, e poi ho disinstallato il pacchetto.

Per trovare il JS potete usare il cerca del vostro OS.

Mattepuffo's logo
Validare un form in Vue.js

Validare un form in Vue.js

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.

Mattepuffo's logo
Binding id in Vue.js

Binding id in Vue.js

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:

  • v-for per iterare sul JSON e riempire la lista
  • v-on:click per intercettare il click sulla voce
  • v-bind:id per impostare l'id

Mattepuffo's logo
Effettuare richieste AJAX con Vue.js

Effettuare richieste AJAX con 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.