要实现一个判断按钮是否被点击了,进行弹出框的隐藏和显示
data里面存放一个变量,比如 isClick:false, 当点击了按钮在点击事件里面设置this.isClick=true,判断isClick就知道是否点击过。
给按钮绑定一个点击事件,在点击事件里面打印个什么,然后就可以知道按钮有没有被点击。
v-if=点击事件==true,触发事件
如果页面上是多个按钮的话
data:{
btnClickStatus:{
按钮1:{
isClick: false
},
按钮2:{
isClick: false
},
...
}
},
methods:{
btnClick(type){ // 传type区分按钮名称
btnClickStatus[type].isClick=true
}
}
你要知道每个按钮 哪些按钮被点击了的话,那就要在data里面存放个多个按钮的对象,每个按钮对应一个状态。如果多个按钮都调用相同的方法btnClick传一个按钮的名称,去改变this.btnClickStatus里面对应按钮名称的状态。
定义一个变量关联点击事件,
假设当前按钮被点击触发事件a, 可以通过a事件加一个标识,data- 或者class都行
如果当前按钮被点击的事件你控制不了,那就比较难了,如果有ui库,可以查查有没有active 之类的状态。
题主解决了吗,我遇到同样的问题 两个点击事件调用同一个方法,在方法里判断我被谁点击了,然后进行跳转
加上点击事件呀 @click="click"
需要定义一个标识符。点击的时候改变它,根据这个标识符判读就行
data(){
flag:false //标识是否点击
},
methonds:{
click(){
this.data.flag=!this.data.flag;
if(this.data.flag){
//btn被点击了
}else{
//未点击
}
}
}
在data里面声明变量,点击的时候,改变这个变量的值,然后判断这个值,就知道是否点击了啊