【报Bug】3.7.9.20230324 picker-view 动态设置mask-style不生效

<picker-view indicator-class="city-picker"  
            v-if="mode==='s3' || mode==='s2' || mode==='s1' && maskStyle === false" class="n-flex-1" :indicator-style="mrIndicatorStyle"  
            :value="pickVal" @change="bindChange">  
            <picker-view-column>  
                <view class="n-flex-column n-align-center n-justify-center" :style="mrItemStyle"  
                    v-for="(item,index) in items.p||[]" :key="index">  
                    <text :class="['n-picker-item-text', 'n-lines-1', ''+textType, ''+textSize]"  
                        :style="textStyle">{{item[pl]}}</text>  
                </view>  
            </picker-view-column>  
            <picker-view-column v-if="mode==='s2' || mode==='s3'">  
                <view class="n-flex-column n-align-center n-justify-center" :style="mrItemStyle"  
                    v-for="(item,index) in items.c||[]" :key="index">  
                    <text :class="['n-picker-item-text', 'n-lines-1', ''+textType, ''+textSize]"  
                        :style="textStyle">{{item[cl]}}</text>  
                </view>  
            </picker-view-column>  
            <picker-view-column v-if="mode==='s3'">  
                <view class="n-flex-column n-align-center n-justify-center" :style="mrItemStyle"  
                    v-for="(item,index) in items.a||[]" :key="index">  
                    <text :class="['n-picker-item-text', 'n-lines-1', ''+textType, ''+textSize]"  
                        :style="textStyle">{{item[al]}}</text>  
                </view>  
            </picker-view-column>  
        </picker-view>  
        <picker-view indicator-class="city-picker" mask-style="background: #2c2c34;z-index: 0;"  
            v-if="mode==='s3' || mode==='s2' || mode==='s1' && maskStyle === true" class="n-flex-1" :indicator-style="mrIndicatorStyle"  
            :value="pickVal" @change="bindChange">  
            <picker-view-column>  
                <view class="n-flex-column n-align-center n-justify-center" :style="mrItemStyle"  
                    v-for="(item,index) in items.p||[]" :key="index">  
                    <text :class="['n-picker-item-text', 'n-lines-1', ''+textType, ''+textSize]"  
                        :style="textStyle">{{item[pl]}}</text>  
                </view>  
            </picker-view-column>  
            <picker-view-column v-if="mode==='s2' || mode==='s3'">  
                <view class="n-flex-column n-align-center n-justify-center" :style="mrItemStyle"  
                    v-for="(item,index) in items.c||[]" :key="index">  
                    <text :class="['n-picker-item-text', 'n-lines-1', ''+textType, ''+textSize]"  
                        :style="textStyle">{{item[cl]}}</text>  
                </view>  
            </picker-view-column>  
            <picker-view-column v-if="mode==='s3'">  
                <view class="n-flex-column n-align-center n-justify-center" :style="mrItemStyle"  
                    v-for="(item,index) in items.a||[]" :key="index">  
                    <text :class="['n-picker-item-text', 'n-lines-1', ''+textType, ''+textSize]"  
                        :style="textStyle">{{item[al]}}</text>  
                </view>  
            </picker-view-column>  
        </picker-view>  
<style lang="scss" scoped>  
    .n-picker {  
        &-box {  
            overflow: hidden;  
        }  

        &-item {  
            &-text {  
                text-align: center;  
            }  
        }  
    }  

    .city-picker {  
        border-top: 1rpx solid;  
        border-bottom: 1rpx solid;  
        border-image: linear-gradient(to right, #4253d8, #d533ba) 1;  
    }  

    .maskStyle {  
        background: #2c2c34;  
        z-index: 0;  
    }  
</style>

试过两种方案 一个是动态设置mask-style 一个是v-if设置 mask-style，始终都是设置的第一次的值再次更改不生效