मैं VueJS में नया हूं और vue-hotel-datepicker को लागू करने की कोशिश कर रहा हूं मेरी परियोजना में। हालांकि, मुझे समझ नहीं आ रहा है कि checkInChanged का उपयोग कैसे करें घटना श्रोता।

यह मेरा टेम्पलेट कोड है:

 <datepicker
     :startDate="startDate"
     :checkInChanged="setCheckinDate()" //probem occurs here
     :maxNights="30"
     :disabledDates="bookedDates"
     :firstDayOfWeek="1"
     :i18n="lang"
     :showYear="true"
    >

  </datepicker>

मेरी विधि:

 methods: {
     setCheckinDate() {
       console.log('test');
     }
 }

मेरे द्वारा चेक इन दिनांक का चयन करने से पहले ही यह घटना सक्रिय हो जाती है। मुझे इसे सर्वोत्तम तरीके से कैसे कार्यान्वित करना चाहिए और मैं अपनी setCheckinDate() विधि में दिनांक उदाहरण कैसे प्राप्त कर सकता हूं?

संपादित करें: संपूर्ण कोड के लिए मेरा gist देखें। मैंने अपने श्रोता को :checkInChanged से @checkInChanged में बदल दिया है, जैसा कि टिप्पणियों में सुझाया गया है, लेकिन ईवेंट सक्रिय नहीं होता है।

1
Helenesh 2 जिंदा 2019, 14:06

1 उत्तर

सबसे बढ़िया उत्तर

checkInChanged एक घटना है जो एक प्रोप नहीं है इसलिए आपको :checkInChanged के बजाय v-on:check-in-changed या @check-in-changed का उपयोग करना चाहिए और () को हैंडलर से हटा देना चाहिए:

    <datepicker
        :startDate="startDate"
        @check-in-changed="setCheckinDate"
         ...

और आपकी विधि इस तरह होनी चाहिए:

   methods: {
      setCheckinDate(newDate) {
        console.log(newDate);
     }
 }
2
Boussadjra Brahim 2 जिंदा 2019, 14:35