Блог

У меня есть свой собственный компонент флажка (несколько флажков-выберите здесь: 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>
 

Похоже, что ваш компонент испускает 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);
      }
    }