vuejs可以在v-if中使用

Question

我想在Vue.js中使用'in'语法，如果像Python一样 但是，它似乎没有起作用。

如果我想知道元素是否在数组中，我该如何编辑以下代码？

<div id="app">
    <ol>
        <li v-for="site in sites" v-if="site.name in fs">
            {{ site.name }}
        </li>
    </ol>
</div>

<script>
    new Vue({
        el: '#app',
        data: {
            sites: [
                { name: 'Runoob' },
                { name: 'Google' },
                { name: 'Taobao' }
            ],
        },
        fs: [
            'Google'
        ]
    });
</script>

Answer 1

是的，所以，javascript中的关键字in仅用于迭代数组，或检查索引值，而不是检查元素是否包含在其中。

您可以改用indexOf。在您的示例中：

v-if="fs.indexOf(site.name) !== -1"