q-флажок quasar не проверяется при редактировании данных - PullRequest
0 голосов
/ 25 мая 2020

Все,

У меня есть сценарий редактирования записи, в котором флажки не выбираются автоматически на основе данных модели. Как показано на изображении, у меня есть отображение отладки для модели флажка. Поддерживает ли quasar автоматически проверенные данные из модели, или мне нужно что-то особенное в моем коде? Я пробовал несколько вещей, но ничего не выглядит чистым. Любая помощь очень приветствуется.

enter image description here

Ниже мой сегмент кода флажка в дочернем компоненте. Дочерний компонент используется на многих родительских страницах. Я использовал v-модель в других случаях, как в примере quasar , и флажки работают нормально на родительской странице. В моем случае я пытаюсь использовать групповые флажки в дочернем компоненте и синхронизировать c значения с родительской страницей. Похоже, альтернативным решением для меня является дублирование флажков на всех родительских страницах. Даже с подходом с использованием дочерних компонентов основной сценарий работает хорошо - это означает, что создание / вставка данных, где я могу установить / снять флажок, и сохранение записи работает нормально. Моя проблема заключается во вторичном сценарии - когда я пытаюсь отредактировать запись, извлекая сохраненные данные, в этом сценарии все элементы данных предварительно заполнены нормально, кроме групповых флажков.

    <div>
      <q-field
        :value="durations"
        label="Select duration option"
        stack-label
        ref="durations"
        :rules="[durationRule]"
      >
        <template v-slot:control>
          <q-checkbox
            :value="durations"
            val="30"
            label="30 min"
            @input="$emit('update:durations', $event)"
          />
          <q-checkbox
            :value="durations"
            val="60"
            label="60 min"
            @input="$emit('update:durations', $event)"
          />
          <q-checkbox
            :value="durations"
            val="120"
            label="120 min"
            @input="$emit('update:durations', $event)"
          />
        </template>
      </q-field>
    </div>
...