Vuelidate: установка $ model не обновляет компонент - PullRequest
Новая
       11

Vuelidate: установка $ model не обновляет компонент

1 голос
/ 10 апреля 2019

Учитывая следующий компонент Vue, который использует Vuetify и Vuelidate: 

<template>
    <div id="app">
        <v-date-picker v-model="$v.picker.$model"></v-date-picker>
    </div>
</template>

<script>
import Vue from 'vue'
import Vuetify from 'vuetify/lib'
import { required } from 'vuelidate/lib/validators'

Vue.use(Vuetify)

new Vue({
  el: "#app",
  data() {
    return {
      picker: new Date().toISOString().substr(0, 10)
    };
  },
  validations: {
    picker: {
      required
    }
  }
});
</script>

Я хотел бы программно изменить значение this.picker.Я пытался как изменить v-model, так и Vuelidate $model: 

this.picker = new Date().toISOString().substr(0, 10)

и 

this.$v.picker.$model = new Date().toISOString().substr(0, 10))

Ни один из них не вызвал изменение пользовательского интерфейса и не выдал сообщение об ошибке.

Как программно обновить значение DatePicker?

1 Ответ

1 голос
/ 16 апреля 2019

Попробуйте просто назначить v-модель picker вместо $v.picker.$model.

Вы сказали, что пытались изменить v-модель, но это должно сработать.

<v-date-picker v-model="picker"></v-date-picker>

...