Vue.js 1.0 examples के बाद, मैं वी मॉडल परियोजना के साथ एक का चयन लटकती कर दिया है, इस तरह:Vue.js 1.0 परिवर्तन पर फायरिंग नहीं विधि का चयन
{{ project }}
<select class="projects" v-model="project" @change="changeProject">
<option value="1">School</option>
<option value="2">Personal</option>
<option value="3">Work</option>
</select>
js बिट:
new Vue({
el: '#main',
data: {
project: ''
},
methods: {
changeProject: function(){
console.log(this.project);
}
}
});
टैग {{ project }}
सही ढंग से प्रदर्शित हो रहा है, लेकिन जब मैं चुनिंदा ड्रॉपडाउन पर एक और मूल्य चुनता हूं तो यह विधि changeProject
को सक्रिय नहीं करता है।
मुझे यहां क्या याद आ रही है?
चीयर्स।
संपादित करें:
@ Mustafo के जवाब के बाद, मैं एक @click विधि के साथ एक सरल बटन बनाने की कोशिश की है और यह मूल्य मुद्रित करें। इस चयन पर केवल @change काम नहीं कर रहा है।
EDIT2:
मैंने महसूस किया गया है क्यों यह काम नहीं कर रहा। मैं एक jquery फ़ंक्शन के साथ इस चयन बॉक्स का चयनित विकल्प बदल रहा हूं, क्योंकि मुझे एक पूर्ण सीएसएस स्टाइल ड्रॉपडाउन बनाने की आवश्यकता है, और फिर मैंने इसके लिए "मुखौटा" बनाया है।
लेकिन यह काम कर रहा है। [jsfiddle] (http://jsfiddle.net/nnbr214c/) –
अजीब ... मेरा नहीं है। हालांकि एक बटन पर एक साधारण @ क्लिक काम कर रहा है। – rafamds