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

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

1.样式定义

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

2. data中

data:{
return {
    disable:false
 }
}

3. 页面中使用

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

4.methods中

将disable点击后设置为false

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