Como llamar una funcion desde un componente a otro en vue.js

publicado por: Anonymous

Lo que intento hacer es que cuando en el componente 2 se ejecute la funcion onUpdate se ejecute la funcion sort en el componente 1.

COMPONENTE 1

var container = new Vue({
        el: "#main",
        data: {
            list:[{name:"John"}, 
                    {name:"Joao"}, 
                    {name:"Jean"} ],
            },
        methods:{
    sort: function(){
    alert("Hola desde otro componente")
                }
        ,
            }
        });

COMPONENTE 2

  var list = document.getElementById("main");
Sortable.create(list, { 
  /* options */ 
 animation: 200, // ms, animation speed 
  ghostClass: "ghost",
  scroll: true,

    onUpdate: function (){
this.componenet1.sort();

  },

}); // That's all.

CODIGO COMPLETO EN CODE OPEN

solución

una forma es accediendo al componente directamente

var list = document.getElementById("main");
Sortable.create(list, { 
/* options */ 
animation: 200, // ms, animation speed 
ghostClass: "ghost",
scroll: true,

onUpdate: function (){
componenet1.sort();
},

});

suerte y saludos

Respondido por: Anonymous

Leave a Reply

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