Что является причиной [Vue warn]: Недопустимая опора: пользовательская проверка валидатора не удалась для пропа "значение" - PullRequest
Новая
       15

Что является причиной [Vue warn]: Недопустимая опора: пользовательская проверка валидатора не удалась для пропа "значение"

0 голосов
/ 15 мая 2019

У меня есть приложение nuxt.js, которое использует vuejs-datepicker : 

<template>
<!-- ... -->

    <DatePicker :value="datePicker.value" />
 <!-- ... -->
 </template>

и несколько переменных даты: 

<script>
import DatePicker from 'vuejs-datepicker'
import { DateTime } from 'luxon'

const moment = require('moment')

const date = new Date(2016, 8, 16)
const date2 = moment('2016-09-16').toDate()
const date3 = DateTime.local(2016, 9, 16).toJSDate()

export default {
  components: {
    DatePicker
  },
  data() {
    return {
      datePicker: {
        mondayFirst: true,
        format: 'dd.MM.yyyy',
        value: date
      }
    }
  }
}

Когда я связываю егоСвойство 'value' для обычной переменной Date 'date', все в порядке, но когда я выбираю date2 или date3, я получаю это надоедливое предупреждение 

[Vue warn]: Invalid prop: custom validator check failed for prop "value".

found in

---> <DatePicker>
       <StaticPositionsTab> at components/StaticPositions.vue
         <BTab>
           <BTabs>
             <Pages/index.vue> at pages/index.vue
               <Nuxt>
                 <Layouts/default.vue> at layouts/default.vue
                   <Root>

Я нашел собственный валидатор для свойства value, и это очень простои просто, и верните true во всех трех случаях: 

value: {
      validator: function (val) { return utils$1.validateDateInput(val); }
    }

... 

validateDateInput (val) {
    return val === null || val instanceof Date || typeof val === 'string' || typeof val === 'number'
  }

но что тогда будет иметь значение?Может ли это быть сама ошибка Vue.js?

1 Ответ

1 голос
/ 16 мая 2019

date2 и date3 являются объектами, в то время как значение требует null |Дата |строка |число 

const date2 = moment('2016-09-16').toDate()
const date3 = DateTime.local(2016, 9, 16).toJSDate()

typeof date2 // object
typeof date3 // object

Вы должны использовать .toString() для преобразования их в строку 

const date2 = moment('2016-09-16').toString()
const date2 = moment('2016-09-16').toISOString()
const date3 = DateTime.local(2016, 9, 16).toString()

или использовать метку времени unix 

const date2 = moment('2016-09-16').unix()
const date3 = moment('2016-09-16').valueOf()
const date4 = moment('2016-09-16').getTime()
const date5 = DateTime.local(2016, 9, 16).valueOf()
...