Форма ввода не работает - обновление версии bootstrap - vue

Question

Я использую форму, и у меня есть поле numeri c в одном из входов, однако при открытии модального окна формы при редактировании строки отображается следующая ошибка:

[Vue warn]: недопустимое свойство: проверка типа не удалась для свойства «значение». Ожидаемая строка со значением «1», получено число со значением 1.

Мой код:

    <b-col md="6" sm="12">
        <b-form-group label="Code:" label-for="institution-code" label-size="sm" class="mt-0 mb-0">
            <b-form-input id="institution-code"
                label-for="institution-code"
                size="sm"
                type="number"
                v-model="institution.code" required
                placeholder="Insert code..." />
        </b-form-group>
    </b-col>
</template>

export default {
data: function() {
    return {
        institution: {},

Старая версия: «bootstrap - vue» : "2.0.0-r c .11",

Новая версия: "bootstrap - vue": "2.0.0-r c .12 ",

Что не так с моим кодом?

Answer 1

Мне нужно обновить до рабочей версии:

Новая версия: «bootstrap - vue»: «2.0.0-r c .13»,

    <b-col md="6" sm="12">
        <b-form-group label="Code:" label-for="institution-code" label-size="sm" class="mt-0 mb-0">
            <b-form-input id="institution-code"
                label-for="institution-code"
                size="sm"
                type="number"
                v-model.number="institution.code" required
                placeholder="Insert code..." />
        </b-form-group>
    </b-col>
</template>

export default {
data: function() {
    return {
        institution: {},

Answer 2

Измените v-model.number на v-model = "your property"