<view class="add" :style="{'background': dynamicBackgroundColor, 'border-color': 'white'}" @click="handleClick">
添加新地址 </view>
formData: {
name: '',
phoneNumber: '',
addressDetail: ''
}
//利用computed计算属性为背景颜色赋值
computed: {
dynamicBackgroundColor() {
return this.formData.name && this.formData.phoneNumber && this.formData.addressDetail ?
'rgba(265,165,0,1)' : 'rgba(265,165,0,0.29)';
}
},
handleClick() {
if (this.dynamicBackgroundColor === 'rgba(265,165,0,1)') {
// 只有当背景颜色的透明度为1时才触发点击事件的逻辑
console.log('触发点击事件');
// 执行其他逻辑
}
},
因篇幅问题不能全部显示,请点此查看更多更全内容
Copyright © 2019- huatuoyibo.net 版权所有 湘ICP备2023021910号-2
违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com
本站由北京市万商天勤律师事务所王兴未律师提供法律服务