Javascript 自定义引导Vue复选框组件

我试图制作组件来创建一个动态表单，但复选框有问题

<template v-if="type === 'switch'">
            <b-form-checkbox
                switch
                size="lg"
                :name="name"
                :id="name"
                :ref="name"
                :value="value"
                v-on:input.native="updateValue($event.target.value)"
                >{{ value }}</b-form-checkbox
            >
        </template>

{{value}}

下面是我如何调用代码的

<FormRow
                type="switch"
                name="productor"
                rule="required"
                v-model="selectedCompany.productor"
            />

问题是

v-model

内容没有改变，但输入字段会改变。怎么了？有人能帮我吗

p、 我正在使用bootstrap vue

---

谢谢大家!

复选框上缺少

v-model

。删除

值

属性和

输入

侦听器，并使用

v-model

，以优雅地将父级的prop值重新用作模型，而不进行任何更改：

{{value}

计算：{
b价值：{
get（）{返回this.value}，
设置（值）{this.$emit（'input'，value）}
}
}

您也可以删除

updateValue

方法。

此信息可能有帮助： 我从存储中获取数据，在存储中我设置了selectedCompany:{}， 然后从父组件（模态）中，我以这种方式绘制字段

 <FormRow
 type="switch"
 name="productor"
 rule="required"
 v-model="selectedCompany.productor"
 />

 public function getProductorAttribute($value){
    return $value ? true : false;
}

---

现在一切都应该更清楚了

这些可以用不同的方式使用。您希望检查和取消检查的

value

是什么？你能展示一下更新值吗？更新值：函数（值）{this.$emit（“input”，value）；}我仍然不知道你期望值是什么。真/假？我期望复选框的状态，因此如果设置了复选框，则为真；如果未选中，则为假。问题是，现在它从empy开始，然后我设置为true，然后工作，但当我切换回false时，它仍然为true。如果这样做，初始值将无法正确设置。例如，如果父项的值以

true

开头，则复选框不会反映该值。

 public function getProductorAttribute($value){
    return $value ? true : false;
}