输入表单不起作用 - 更新 bootstrap-vue 版本答案

【问题标题】：Input form not working - updating bootstrap-vue version输入表单不起作用 - 更新 bootstrap-vue 版本
【发布时间】：2020-11-23 02:50:46
【问题描述】：

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

[Vue 警告]：无效的道具：道具“值”的类型检查失败。预期值为“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-rc.11”，

新版本：“bootstrap-vue”：“2.0.0-rc.12”，

我的代码有什么问题？

【问题讨论】：

您不应该在 b-input 上使用 v-model.number，因为 Vue 不支持自定义组件上的 v-model 修饰符。而是使用 number 属性。
@Hiws 我已经尝试使用道具编号，但我的 v-model 是一个对象，我无法将道具用作对象。你能告诉我怎么做吗，因为我已经阅读了文档但我仍然不明白。
<b-form-input> 只接受string 或number。它不支持对象。
在 "bootstrap-vue": "2.0.0-rc.11" 版本中，完全可以接受，只是更新开始显示这些错误。

标签： vue.js bootstrap-vue

【解决方案1】：

将 v-model.number 更改为 v-model="your property"

【讨论】：

我在哪里修改这个？在我已经定义的输入中 type = "number"
你为什么使用 v-model.number？
希望您知道 v-model 在您的输入中充当数据绑定，有助于自动更新输入值。因此，由于机构是一个对象，也是保存输入值的属性，你应该这样做。 v-model="institution.prop" prop 应该是你的对象属性。
您输入的类型编号，已经为您处理好了。
export default { data: function() { return { authority: {},

【解决方案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: {},

【讨论】：