用方法绑定Vue2中的类

Question

我是 Vue2 的新手，在基于函数的输出绑定类时遇到了一些麻烦：

<ul v-for="sheep in sheeps">
    // sheep.listing = ['b', 'e', 'f'];
    // partners = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i']
    <li v-for="foobar in partners" :class="{ done: hasPartnered(sheep.listing, foobar.name) }">
        <span v-text="foobar.name"></span>
    </li>
</ul>

在示例中：绵羊列出了来自 9 个合作伙伴的 3 个字母，因此 3 次为真，其余为假返回..

用这个方法：

hasPartnered(listing, partner) {
    if(listing) {
        listing.forEach(function(el) {
            if(el == partner) {
                return true;
            }
        });
    }
    return false;
},

它总是返回true;。那么可能这不是在 Vue 中绑定类的正确方法？

Answer 1

您不能从传递给forEach 的函数内部返回来自hasPartnered 的值。

试试这个：

hasPartnered(listing, partner) {
  return listing && listing.indexOf(partner) !== -1;
}