C#&；VueJS-基于枚举值而不是顺序拆分列表

我有一个传递到模板中的模型选项列表

每个磁贴都返回一组选项，这些选项都有一个与之关联的枚举

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

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

公共类平铺{
...
公共IEnumerable选项{get；set；}
}
公共类选项
{
...
public OptionTypes OptionType{get；set；}=OptionTypes.Simple；
}

现在，在我的模板中，我正在努力在两个选项菜单之间分割值——本质上，我想根据枚举的值分割列表，但我没有运气

我找不到一种不按特定顺序分块的方法，并尝试使用v-if检查枚举值

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

那也没用

---

任何想法都将不胜感激，谢谢！我是Vue的新手，代码的其余部分被剪掉了一点

您没有在v-if中添加等号

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

{{option.name}

---

还要确保数据是json格式。

枚举索引已经分配给option.optionType，所以我只需要对照它进行检查-这不完全是我想要的解决方案，以防枚举发生更改，但出于我的目的，它很好。

对不起，我刚刚删除了它，我实际上已经尝试了v-if=“option.optionType==”optiontypes.simple”等等，但不知道如何调用枚举？我甚至不知道枚举索引值是针对option.optionType存储的，谢谢。