Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue.js条件:如果包含_Vue.js_Vuejs2 - Fatal编程技术网

Vue.js条件:如果包含

Vue.js条件:如果包含,vue.js,vuejs2,Vue.js,Vuejs2,如果数组包含值,我需要在Vue中为chcecking创建条件 items: { [1,5,8,12,63]} <div v-for="item in items"> <div v-if="item == 1"> Yes </div>

如果数组包含值,我需要在Vue中为chcecking创建条件

items: { [1,5,8,12,63]}
                <div v-for="item in items">
                        <div v-if="item == 1">
                               Yes
                        </div>
                        <div v-else>
                            No
                        </div>
                </div>
项:{[1,5,8,12,63]}
对
不
输出为: 是的,不,不,不,不

我只需要一次“是”和“不是”。 我需要:

是,不是。

var-app=新的Vue({
el:“#应用程序”,
数据:{
项目:[1,5,8,12,63]
}
});

对
不

v-for
将仅在数组中循环,而
v-if
/
v-else
将有条件地为数组中的每个项目呈现适当的代码块。您应该做的是使用一种方法检查您的
项目列表中是否有数字。您可以使用
indexOf
来执行此操作

var-app=新的Vue({
el:“#应用程序”,
数据:{
项目:[1,5,8,12,63]
},
方法:{
项目内容(n){
返回此.items.indexOf(n)>-1
}
}
});

对
不

使用数组方法,即
[]包含(项)?真:假