C# & VueJS - разделить список на основе значения перечисления, а не порядка

Question

У меня есть список опций в моей модели, который передается в мой шаблон.

Каждый тайл возвращает коллекцию опций, с которыми у всех есть перечисление

public class Tile {
    ...
    public IEnumerable<Option> Options { get; set; }
}

public class Option
{
   ...
   public OptionTypes OptionType { get; set; } = OptionTypes.Simple;
}

Теперь в моем шаблоне я пытаюсь разделить значения между двумя меню опций. По сути, я хочу разделить список на основе значения перечисления, но мне не повезло.

Я могу ' я не вижу способа разбить его на части, который находится не в определенном порядке, и попытался использовать v-if для проверки значения enum

<li v-for="option in parentData.options" v-if="option.optionType #####">
      <span>{{ option.name }}</span>
</li>

, которое тоже не работало.

Любые идеи быть оцененным, спасибо! Я довольно новичок в Vue, а остальная часть кода была взята немного

Answer 1

Вы не поставили знак равенства в v-if.

<li v-for="option in parentData.options" v-if="option.optionType === #####">
      <span>{{ option.name }}</span>
</li>

Также убедитесь, что данные в формате json.

Answer 2

Индекс enum уже был назначен для option.optionType, так что мне просто нужно было проверить это - не совсем то решение, которое я хочу в случае изменения enum, но для моих целей это нормально.