Como implementar Datatables + Vue.js adecuadamente

publicado por: Anonymous

mi problema es que al momento de integrar datatables.net a mi componente VUE, me aparece lo siguiente:(imagen de abajo), pero al momento de usar la busqueda se queda en blanco
introducir la descripción de la imagen aquí

mi codigo en la parte del “< template>”
introducir la descripción de la imagen aquí

y mi javascript es el siguiente:
introducir la descripción de la imagen aquí

solución

Después de mucho encontré una posible respuesta,

solo basta agregar Update

 updated: function () {
   this.$nextTick(function () {
     $('#usuarios1').DataTable({
           'destroy'      :true,
           'stateSave'   : true,

        }).draw();

   })
 }

esto va antes de los metodos, y las consultas de axios tienen que estar en “let”

let data1 =axios.get("api/user").then((response)=>{ this.roles = response.data.roles});

para que vue pueda enviar la informacion a DataTables

Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *