Yük vue.js öğesinde bileşen bileşenini çalıştır

Question

Hey, Vue.js uygulamasında oldukça yeniyim ve basit bir şey gibi görünen şeyleri gerçekleştirmeye çalışıyorum ama sorun yaşıyorum. Esasen, bir bileşenin DOM'a yüklendiği her seferinde ihtiyacım var, bu yöntemlerden biri ateş. İşte şu anki kodum, v-on'u kullanmaya çalıştım: yük ancak işe yaramaz.

Answer 1

bunun için kullanabileceğiniz instance lifecycle hooks vardır tıklayarak olay: İnce

Vue.component('graph', { 
 
    props:['graphId','graphData'], 
 
    template: '<canvas v-on:load="{{populateGraph()}}"></canvas>', 
 
    methods: { 
 
     initGraph: function() { 
 
      var settlementBalanceBarChart = new Chart(this.graphId, { 
 
       type: "bar", 
 
       data: settlementBalanceBarData, 
 
       options: settlementBalanceBarOptions 
 
      }); 
 
     }, 
 
     //this is the function I would like to run 
 
     populateGraph: function() { 
 
      alert('{{graphId}}'); 
 
     } 
 
    } 
 

 
}); 
 

 
var vm = new Vue({ 
 
    el: "#app", 
 
    mounted: function(){ 
 

 
    } 
 

 
});

aynı kod fonksiyonları ı v-on kullanırsanız. Örneğin:

Vue.component('graph', { 
    props:['graphId','graphData'], 
    template: '<canvas></canvas>', 
    created: function() { 
     alert('{{graphId}}'); 
    }, 
    methods: {} 
});