vuejs

Question

में घटक टेम्पलेट से पहुंच माता पिता तरीकों मैं इस कोड है? इस तरह:

Uncaught TypeError: scope.doSomething is not a function

Answer 1

आप बच्चे से $ प्रेषण का उपयोग कर सकते घटना ट्रिगर करना:

<app-component> 
    <a href="#" v-on:click="doSomething()">text</a> 
</app-component> 

मैं इस त्रुटि मिलती है। उदाहरण: http://vuejs.org/guide/components.html#Parent-Child-Communication

Answer 2

Wiljan प्रतिक्रिया के अलावा, मैं नए Vue उदाहरण है कि तरीकों और डेटा के साथ सभी घटकों का विस्तार:

// App component 
<app-component> 
    <a href="#" v-on:click.prevent="$dispatch('do-something')">text</a> 
</app-component> 


// Parent 
new Vue({ 
    el: '#app', 
    components: { 
     'app-component': AppComponent 
    }, 
    data: { 
     message: 'Hello Vue.js!' 
    }, 
    events: { 
     'do-something': function(){ 
      console.log('arrived!') 
     } 
    } 
}); 

अभिभावक-बच्चे संचार बारे में अधिक जानकारी के लिए, दस्तावेज़ीकरण की जाँच करें। अब मैं तरीकों का उपयोग करने और आदि

Answer 3

v-on:click="$parent.doSomething()"

Answer 4

कोशिश आप इस का उपयोग कर सकते हैं पर this answer आधारित,।

this.$parent.$options.methods.someParentMethod(data)