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
  }
}

vue 中实现div点击一次后禁用
使用场景：针对某个提交按钮，要求点击一次后禁用 1.样式定义 2. data中 3. 页面中使用 4.method...
vue中点击空白处隐藏div的实现（用自定义指令优雅的实现）
vue中点击空白处隐藏div的实现（用自定义指令优雅的实现） vue中点击空白处隐藏div的实现（用自定义指令优雅...
禁用div点击
常规禁用会想到disabled属性，但div并没有这个属性可以使用pointer-events: none 意思...
vue dblclick click
场景 vue中单个div实现双击和单击代码
vue中div@click不起作用
vue中div@click不起作用前提，一个外层div，样式：position: relative;，设置了点击...
vue实现点击其他地方隐藏div(事件冒泡)
vue实现点击其他地方隐藏div 方法一：通过监听事件 document.addEventListener('c...
几个React+mobx入门练习--饭叔的前端零基础入门教程 (
用mobx改变组件状态有三个按钮和一个DIV，点击按钮后在DIV中显示对应的文字。点击“悟空”按钮后![点击“悟净...
css实现div禁用效果
css实现div禁用效果及常见的一个问题首先先看一下我们要实现的效果用到的属性但是通常我们还会添加point...
Vue 点击不在div区域点击掩藏当前div
// html < div ref="box"> //js created() { document.addEve...
vue实现点击其他地方隐藏div
方法一：通过监听事件方法二（比较好）：方法三：总结：通过vue.js 事件的.stop修饰符可以阻止事件...