我的运行环境: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>
0 个回复