检查twitch文件中的css类，该类在vue.js上运行良好

Question

我基本上正在开发一个trick文件，我对drupal 8 很陌生

所以之前我有一个Vue文件，其中有这个代码片段

<div class="dropdown-menu":aria-labelledby="menu.class" v-if="menu.class.includes('dropdown')">

其中menu.class是项目数组

只有当menu.class包含样式下拉菜单时，这一行才会执行，因为样式下拉菜单工作得很好。

现在我正在一个小树枝上复制同样的东西，并添加了这个代码

{% if menu.class.hasClass('dropdown') %}

<div class="dropdown-menu" aria-labelledby="{{ menu.class }}">
</div>
{% endif %}

这是菜单阵列

Array ( 
[0] => Array

( [title] => Home [path] => / 
[class] => no-break-class )

[2] => Array
(
[title] => CFO
[path] => 
[class] => dropdown-two-col
[children] => Array )
)

但是代码没有进入循环。它还有其他语法吗？有什么帮助吗

Answer 1

我认为trick无法识别您的menu.class.hasClass('dropdown'(，您可以尝试转储此变量以查看它是否存在。如果您想检查数组分支中是否存在值：

{% if 'dropdown' in menu.class %}

检查钥匙是否存在：

{% if 'dropdown' in menu.class|keys %}