Vue.js：获取选定复选框的值

Question

我有自己的复选框组件（从这里多复选框选择： https : //qvault.io/javascript/how-to-create-a-custom-checkbox-form-in-vue/ ）。 我想将复选框的选定值作为文本输出，但我只得到当前选定的值。 我究竟做错了什么？

<CustomCheckboxSelect
                v-model="optionsSelect"
                :options="options"
                checked="value"
                validation="required"
                input-has-errors-class="is-invalid"
                errors-class="invalid-feedback"
                error-behavior="submit"
                placeholder="Choose"
              />

<span class="test">{{ optionsSelect }}</span>

Answer 1

您的组件似乎正在发出input因此您需要在父组件中读取该input

<CustomCheckboxSelect
                v-model="optionsSelect"
                :options="options"
                checked="value"
                validation="required"
                input-has-errors-class="is-invalid"
                errors-class="invalid-feedback"
                error-behavior="submit"
                placeholder="Choose"
                @input="checkboxValue"
              />

并在您的<script>添加一个读取该内容的方法

 methods: {
    checkboxValue: function (boxValue) {
        console.log(boxValue);
      }
    }