मैं VueJS 2. का उपयोग कर एक मॉडल घटक पर अभी काम कर रहा हूँ, यह मूल रूप से काम करता है - मैं एक बटन पर क्लिक करें और मोडल खुल जाता है, आदि
क्या मैं चाहता हूँ अब मोडल के लिए एक अद्वितीय नाम बनाएं और उस विशेष बटन के साथ बटन को संबद्ध करें।
यह मेरे मन में है। मोडल एक अनूठा नाम संपत्ति है:
<modal name='myName'>CONTENT</modal>
और यह सहयोगी बटन होगा:
<button @click="showModal('myName')"></button>
क्या मैं यह पता लगाने की जरूरत है कि कैसे करने के लिए showModal के पैरामीटर पारित करने के लिए है मोडल घटक।
यहाँ विधि है कि मैं जड़ Vue उदाहरण में उपयोग कर रहा हूँ (यानी, नहीं मेरी मोडल घटक के अंदर) है:
methods: {
showModal(name) { this.bus.$emit('showModal'); },
}
मुझे क्या करना चाहते हैं घटक में नाम संपत्ति का उपयोग करने की है - - इस तरह कुछ:
created() {
this.bus.$on('showModal',() => alert(this.name));
}
लेकिन यह undefined
के रूप में दिखाई देता है।
तो मैं गलत क्या कर रहा हूं? मैं मोडल घटक के अंदर नाम संपत्ति का उपयोग कैसे कर सकता हूं?
नोट:। https://stackoverflow.com/a/42983494/7477670