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

Question

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

每个图块返回一个选项集合，它们都有一个与之关联的枚举

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

public class Option
{
   ...
   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 还很陌生，其余的代码已经被剪掉了一点

标签： c#vue.jsvue-component

Answer 1

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

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

还要确保数据是 json 格式。