输入表单不工作 - 更新 bootstrap-vue 版本

Question

我正在使用一个表单，其中一个输入中有一个数字字段，但是在编辑一行时打开表单的模式时，显示以下错误：

[Vue warn]: Invalid prop: type check failed for prop "value". Expected String with value "1", got Number with value 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-rc.11”，

新版本: "bootstrap-vue": "2.0.0-rc.12",

我的代码有什么问题？

Answer 1

将 v-model.number 更改为 v-model="你的属性"

Answer 2

我需要更新版本才能正常工作：

新版本: "bootstrap-vue": "2.0.0-rc.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: {},

输入表单不工作 - 更新 bootstrap-vue 版本

Input form not working - updating bootstrap-vue version

vue.js

bootstrap-vue