vue 中实现div点击一次后禁用

使用场景：

针对某个提交按钮，要求点击一次后禁用

1.样式定义

代码语言：javascript复制

.click-disable{
        pointer-events: none;
}

2. data中

代码语言：javascript复制

data:{
return {
    disable:false
 }
}

3. 页面中使用

代码语言：javascript复制

<view class="edit-confirm" :class="disable?'click-disable':''" @click="confirm">
            <text>提交</text>
        </view>

4.methods中

将disable点击后设置为false

代码语言：javascript复制

methods:{
confirm(){
this.disable=false
  }
}

data methods

0 人点赞