按钮同时改变标题和边框颜色时，修改颜色无效

我的运行环境：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>