Vue.js条件:如果包含
如果数组包含值,我需要在Vue中为chcecking创建条件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>
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
}
}
});代码>
对
不
使用数组方法,即[]包含(项)?真:假