Как получить значения $ emit Payload в Vuejs

Question

Я новичок в vuejs и должен был использовать инструмент выбора диапазона дат.Я использую vue-rangedate-picker и после выбора диапазона дат запускается событие типа $ emit, и я нашел необходимые значения в полезной нагрузке события, как показано ниже (информация о событии взята из отладчика vue):

name: "selected"
type: "$emit"
source: "<vue-rangedate-picker>"
payload: Array[1]
  0: Object
    end: "Fri May 31 2019 05:30:00 GMT+0530 (India Standard Time)"
    start: "Wed May 01 2019 05:30:00 GMT+0530 (India Standard Time)"

Мне нужно получить значения в полезной нагрузке, чтобы я мог назначать переменные и использовать их позже.Я пытался найти решение в течение нескольких часов, и мне не повезло.Вот элемент

<vue-rangedate-picker
  righttoleft="true"
  i18n="EN"
  format="YYYY-MM-DD HH:mm:ss"
  @selected="testDatePicker()"
></vue-rangedate-picker>

И сценарий

testDatePicker() {
  console.log(/*what should I write here to get the payload?*/);
}

Как получить значения полезной нагрузки, чтобы я мог назначить их переменным?Пожалуйста, помогите мне.

Answer 1

Ваша функция testDatePicker получит диапазон в следующей форме:

testDatePicker({start, end}) {
  console.log(start, end);
}

или, если вы предпочитаете:

testDatePicker(range) {
  console.log(range.start, range.end);
}

Также не следует использовать круглые скобки в вызове:

<vue-rangedate-picker
  righttoleft="true"
  i18n="EN"
  format="YYYY-MM-DD HH:mm:ss"
  @selected="testDatePicker"
></vue-rangedate-picker>

Таким образом, вы передаете «ссылку» на ваш метод, и компонент будет вызывать его с необходимыми параметрами.