uni-app NVUE中UNI button组件disabled设置为true后仍可点击，仅样式改变

uni-app NVUE中UNI button组件disabled设置为true后仍可点击，仅样式改变

示例代码：

<button type="primary" :disabled="true" @click="click">测试</button>

操作步骤：

nvue模式编译即可

预期结果：

无法点击

实际结果：

可以点击

bug描述：

UNI button组件disabled设置为true在nvue下仍然可以被点击，只是样式被修改了！
禁用后应该是不能点击才对
信息类别 详细信息
产品分类 uniapp/App
PC开发环境 Windows
PC操作系统版本 win10
HBuilderX类型 正式
HBuilderX版本 3.1.21
手机系统 Android
手机系统版本 Android 8.1
手机厂商 商米
手机机型 S2
页面类型 nvue
打包方式 云端
项目创建方式 HBuilderX

更多关于uni-app NVUE中UNI button组件disabled设置为true后仍可点击，仅样式改变的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

bug已确认

更多关于uni-app NVUE中UNI button组件disabled设置为true后仍可点击，仅样式改变的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这是一个已知的nvue模式下的兼容性问题。在nvue中，button组件的disabled属性目前只实现了样式变化，但未完全阻断点击事件。作为临时解决方案，建议在@click事件处理函数中手动判断disabled状态：

click(e) {
    if (this.disabled) return
    // 正常业务逻辑
}

或者通过条件判断来控制按钮的可操作性：

<button type="primary" :disabled="disabled" [@click](/user/click)="!disabled && click()">测试</button>
回到顶部