vuejs如何检查数组中是否存在密钥/ ID

Question

我有一个roles数组，列出了所有可用的角色。每个用户被分配一个或多个角色，名称为user_roles。

我将所有roles列为复选框，默认情况下标记为未选中。 当我选择一个用户时，我希望能够检查列表中的角色ID是否与我的user_roles阵列中的ID匹配。

在PHP/HTML我可以用

<?=in_array($user_roles, $role->id) ? 'checked' : '' ?> 

我怎样才能实现vuejs同样的事情实现这一目标？

我使用下面的示例尝试同样的想法：

<input type="checkbox" name="role[]" :value="role.id" :id="'role' + role.id" :checked="in_array(user_roles, role.id)" /> 

Answer 1

使用数组的indexOf方法：

:checked="user_roles.indexOf(role.id) >= 0"