vue属性
new Vue({
props:[]. //变量
methods:{},//事件处理函数
watch:{},//监听函数,只要有修改对象
computed:{}//计算属性
})
多个元素显示隐藏
可以采用数组方式保存值。
farr:[
true,
false,
false,
false,
false,
false
]
然后再标签中用v-show绑定数据。
如
逻辑业务方面,简单
setFindex (val) { //主体循坏传的下标值
if(this.farr[val]){ //判断该下标值的数组中的值是否为true,是true任然为true,不为true时在进行下一步
this.farr[val]=true;
}else{
for(var i in this.farr){ //循环farr数组,也可以用forEach循环
if(val==i){
this.farr.splice(val,1, !this.farr[val]); //因为是数组,这里不你能采用this.farr[i] =!this.farr[i],而是用到splice去删除替换,splice第一个参数为下标,splice中间的1,表示删除数组中的一个值,为0表示不删除。后面的一个参数表示被替换的新值
}else{
this.farr[i] =false;
}
}
}
}