$ ошибка не мутировать в флажке Vuelidate

Я пытаюсь проверить и имею проблему, поскольку я хочу проверить, есть ли у моего флажка $error, он не отправит форму. После вывода $v я получаю следующее, но оно не меняется, когда я нажимаю. По сути, у меня большая форма, и если для $error установлено значение true, она не будет отправлена. Я также хочу добавить $error к флажку. Код здесь

"form": {
    "checkbox": {
      "required": true,
      "$model": false,
      "$invalid": false,
      "$dirty": true,
      "$anyDirty": true,
      "$error": false,
      "$anyError": false,
      "$pending": false,
      "$params": {
        "required": {
          "type": "required"
        }
      }
    }

javascript vuejs2

05.03.2019 11:57

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

477

Ответы 2

С флажком нужно использовать sameAs

  validations: {
    form: {
      checkbox: {
        sameAs: sameAs( () => true )
      }
    }
  }

sameAs разве это не такие вещи, как «Подтверждение пароля»

— 05.03.2019 15:37

Сравниваем с true, значит галочку нужно поставить

— 05.03.2019 15:39

05.03.2019 14:39

Вам нужно создать собственный валидатор, подобный этому.

data(){
  checkbox_items: [],
  options: [
    { id: 1, label: 'label1' }
    { id: 2, label: 'label2' }
    { id: 3, label: 'label3' }
  ]
},
validations: {
  checkbox_items: {
    checked: value => {
      return value.length
    }
  }
}

Шаблон:

<div v-for = "item in options" :key = "item.id">
  <input type = "checkbox"
    :id = "'item.id"
    :class = "{ error: $v.checkbox_items.$error }"
    :value = "item.id"
    v-model = "checkbox_items"
    @blur = "$v.checkbox_items.$touch()">
  <label :for = "'item.id">{{ item.label }}</label>
</div>

25.04.2019 08:29

Другие вопросы по теме

Пользовательские стили VueJS/Vuetify не включаются в производственные сборки

Преобразование формата даты в vue js с помощью laravel

Тело панели расширения Vuetify не отображает стиль в тестовой среде

Как выводить файлы css в виде файлов .css вместо встроенного <style> в nuxt.js?

Как отобразить ответ массива в vue.js и laravel?

Vuetify Data Table перейти на страницу с выбранным элементом

Мутация Vuex, похоже, не обновляет состояние при загрузке

Перебор ключей в скрипте данных

Условный SQL-запрос [VueJS]

Как передать зависимость компоненту Vue?

$ ошибка не мутировать в флажке Vuelidate

Ответы 2

Другие вопросы по теме

Похожие вопросы