vuejs可以在v-if中使用吗答案

【问题标题】：Can vuejs use in v-ifvuejs可以在v-if中使用吗
【发布时间】：2017-11-02 05:53:22
【问题描述】：

我想像 Python 一样在 Vue.js v-if 中使用“in”语法。
但是，它似乎不起作用。

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

<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>

【问题讨论】：

您的图片链接无效。但请考虑改用代码示例。
创建一个返回真/假的计算属性或方法：v-if="isInArray(myDataProp)"

标签： arrays vue.js

【解决方案1】：

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

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

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

【讨论】：