【报Bug】vue3编译 动态绑定样式(动态设置边框有问题)

示例代码：

<template>  
    <view class="test">  
        <block v-for="(item, index) in 5" :key="index">  
            <view :style="index==cureentIndex?'border: 2px solid red':'border-bottom: 2px solid black;'">测试</view>  
        </block>  
        <button type="primary" @tap="changeIndex">切换</button>  
    </view>  
</template>  

<script>  
export default {  
    data() {  
        return {  
            cureentIndex: 0  
        };  
    },  
    onLoad() {},  
    methods: {  
        changeIndex() {  
            if (this.cureentIndex < 4) ++this.cureentIndex;  
            else this.cureentIndex = 0;  
        }  
    }  
};  
</script>  

<style lang="less">  
.test{  
    padding: 30rpx;  
    &>view{  
        padding: 10rpx;  
        text-align: center;  
        margin-bottom: 20rpx;  
    }  
}  
</style>  

操作步骤：

在HBuilder X 里 vue3编译如下代码，在任意浏览器中打开后点击切换按钮

<template>  
    <view class="test">  
        <block v-for="(item, index) in 5" :key="index">  
            <view :style="index==cureentIndex?'border: 2px solid red':'border-bottom: 2px solid black;'">测试</view>  
        </block>  
        <button type="primary" @tap="changeIndex">切换</button>  
    </view>  
</template>  

<script>  
export default {  
    data() {  
        return {  
            cureentIndex: 0  
        };  
    },  
    onLoad() {},  
    methods: {  
        changeIndex() {  
            if (this.cureentIndex < 4) ++this.cureentIndex;  
            else this.cureentIndex = 0;  
        }  
    }  
};  
</script>  

<style lang="less">  
.test{  
    padding: 30rpx;  
    &>view{  
        padding: 10rpx;  
        text-align: center;  
        margin-bottom: 20rpx;  
    }  
}  
</style>

预期结果：

正常应该是border:red

实际结果：

结果是：
border-top: 2px solid red;
border-right: 2px solid red;
border-left: 2px solid red;
border-image: initial;