<button type="primary" size="mini" :disabled="isDisable" >去完成</button>
onLoad() {
setTimeout(()=>{
this.isDisable= true
},100)
} 
3***@qq.com
- 发布：2022-06-04 23:52
- 更新：2022-06-05 15:32
- 阅读：543
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 120.2212.4170.0
HBuilderX类型： 正式
HBuilderX版本号： 3.4.7
手机系统： Android
手机系统版本号： Android 11
手机厂商： 小米
手机机型： SHARK PRS-A0
页面类型： nvue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
button 控件动态绑定 disabled 属性，在onload中将 disabled 设置为true。
button禁用后，按住button任然有 按下的样式效果。
button 控件动态绑定 disabled 属性，在onload中将 disabled 设置为true。
button禁用后，按住button任然有 按下的样式效果。
预期结果：
按钮禁用后，按住不显示任何效果
按钮禁用后，按住不显示任何效果
实际结果：
按钮禁用后，按下有按下效果显示
按钮禁用后，按下有按下效果显示
bug描述：
button 控件动态绑定 disabled 属性，在onload中将 disabled 设置为true。
button禁用后，按住button任然有 按下的样式效果。
nvue文件下才会出现问题，vue不会出现问题。
在nvue下，修改按钮背景颜色，按下的时候还是会显示原来的颜色。
FullStack - 【插件开发】【专治疑难杂症】【ios上架、马甲包、白包、过审、已成功上架过几百个】【多款插件已上架：https://ext.dcloud.net.cn/publisher?id=22130】【非诚勿扰】QQ：543610866
延迟设置
3***@qq.com (作者)
<template>
<view>
<button type="primary" class="btn" size="mini" :disabled="isShow" >去完成</button>
</view>
</template>
<script>
export default {
data(){
return {
isShow : false
}
},
onLoad() {
setTimeout(()=>{
this.isShow= true
},100)
}
}
</script>
<style>
.btn{
background-color: #f9a13d;
color: #fff;
border: 0;
border-radius: 50rpx;
}
</style>
3***@qq.com (作者)
在调用后台接口判断是否需要禁用，肯定是会延迟设置的。
2022-06-05 10:11