vue中如何判断按钮被点击了

要实现一个判断按钮是否被点击了,进行弹出框的隐藏和显示

 

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里面声明变量,点击的时候,改变这个变量的值,然后判断这个值,就知道是否点击了啊