我的运行环境：Mac电脑，HBuilderX 4.15，标准基座，iOS模拟器。
需求：使用uni-app x的button组件开发，点击按钮的时候，同时改变按钮的标题和边框颜色。
出现问题：当只改变边框颜色不改变标题时是正常的；但是如果同时改变标题和边框颜色，对边框颜色修改无效。
.uvue文件代码很简单，如下。这是bug还是我代码有问题呢？
<template>
<view class="container" style="background-color: white; flex: 1; flex-direction: row; margin-top: 20px;">
<button id="left-button" class="left-button" :plain="false" @click="btnevent" style="border: 5px solid rgba(0, 255, 0, 0.5); border-radius: 20px;">{{modelselect}}</button>
</view>
</template>
<script>
export default {
data() {
return {
modelselect:'START'
};
},
methods: {
btnevent() {
const button = uni.getElementById('left-button')
console.log("get button:", button);
this.modelselect = 'ING' // 这行注释后，下一行修改边框就可以正常显示
button?.style.setProperty('border-color', '#FFD700')
}
}
};
</script>
2 个回复
最佳回复
DCloud
HBuilderX 4.25.2024081703-alpha 已修复。
DCloud_iOS_ZFL
您好，不是您逻辑的bug，已经确认并修改该button组件的bug。非常感谢。
heroMan (作者)
好的，感谢，需要更新HBuilder X版本吗，那个版本呢
2024-07-08 11:39
DCloud_iOS_ZFL
回复 c***@163.com: HBuilder X最新alpha版本和正式版还没有包含该次更新，下一个alpha版本会带上。
2024-07-08 15:10