Могу ли я передать параметр по pickerDate vuetify? - PullRequest
Новая
       47

Могу ли я передать параметр по pickerDate vuetify?

1 голос
/ 15 октября 2019

Мой DatePicker, как это: 

<v-date-picker v-model="date" scrollable :picker-date.sync="pickerDate">

DatePicker в цикле

Мой сценарий Vue, как это: 

  data: () => ({
    date: new Date().toISOString().substr(0, 10),
    pickerDate: null,
  }),
  watch: {
    pickerDate (val) {
      console.log(val) 
    },
  },

В каждом цикле, есть параметрid и я хочу передать параметр id

Я пытаюсь так: 

<v-date-picker v-model="date" scrollable :picker-date.sync="pickerDate(id)">

Но существует ошибка: 

Syntax Error: SyntaxError: Unexpected token

Как я могу решить эту проблему?

Ссылка: https://vuetifyjs.com/en/components/date-pickers#date-pickers-react-to-displayed-month-year-change

1 Ответ

1 голос
/ 15 октября 2019

Вы не можете передать параметры в поле выбора даты, но все же вы можете передать в Vuetify datepicker update: picker-date событие Когда вы меняете месяц в DatePicker, он возвращает значение как 2019-10, есливыбранный месяц октябрь. Если вы измените ноябрь месяц, тогда значение будет 2019-11, а id - это то, что вы передаете на итерации 

      <v-date-picker
        v-model="date"
        class="mt-4"
        @update:picker-date="pickerUpdate($event, id)"
      ></v-date-picker>


new Vue({
  el: '#app',
  vuetify: new Vuetify(),
  data: () => ({
    date: '2019-10-15',
    id: 5,
  }),
  methods: {
    pickerUpdate(val, id) {
      // you can read the val --> 2019-10 for october, id what you  are passing
      // when you iterate with multiple date picker, you can set id's 
      // write your async call here
       console.log('from picker update ' + val + '  id: ' + id );
    },
  },
})
...