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

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

data:{
return {
    disable:false
 }
}

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

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