Почему, когда вы щелкаете за пределами v-select, v-модель сбрасывается в ноль? Vuetify - PullRequest
Новая
       26

Почему, когда вы щелкаете за пределами v-select, v-модель сбрасывается в ноль? Vuetify

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

Эта ошибка появляется в IE11 с Vuetify 1.5.14 и Vue 2.x. Я использую компонент v-select следующим образом: 

form#login-form
  v-select#inputTypeDocument(:items = 'type_documents' required v-model='form.typeDocument' placeholder='Type of document')

export default {
   data () {
     return {
       form: {
         typeDocument: 2,
         numberDocument: '',
         password: ''
       },
       type_documents: [
         {text: 'Type 1', value: 1},
         {text: 'Type 2', value: 2}
       ]
     }
   }
}

При тестировании в IE11, когда вы меняете значение v-select и щелкаете за пределами компонента или нажимаете вкладку, значение v-модели сбрасывается в ноль. И у меня есть другие v-селекторы, которые ведут себя так же.

В моем файле main.js я заполняю polyfill следующим образом: 

import 'babel-polyfill'
import Vue from 'vue'
import App from './App'
import axios from 'axio
[..]

Есть ли какое-либо решение этой проблемы в IE11 с компонентом v-select?

1 Ответ

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

Даже при использовании этого «исправления» - у вас могут возникнуть проблемы с Vuetify и IE11 в будущем.Vuetify, как известно, не работает с IE11 ..

Примечание: я также должен был использовать babel-polyfill вместе с этим "исправлением" ..

С учетом сказанного, у меня естьпроверено / проверено это «исправление»: 

    <v-select id="input" 
        :items="type_documents" 
        required 
        v-model="form.typeDocument" 
        :placeholder="form.typeDocument ? undefined : 'Type of document'">
    </v-select>

В частности, эта строка: 

:placeholder="form.typeDocument ? undefined : 'Type of document'">

Кредит

...