nvue动态绑定class 动态改变变量的值，只有第一次class生效，其他未生效

分类：uni-app

产品分类： uniapp/App

PC开发环境操作系统： Mac

PC开发环境操作系统版本号： 12.1 (21C52)

HBuilderX类型：正式

HBuilderX版本号： 3.4.7

手机系统： Android

手机系统版本号： Android 11

手机厂商：模拟器

手机机型：模拟器

页面类型： nvue

vue版本： vue2

打包方式：云端

项目创建方式： HBuilderX

示例代码：

                    <text class="tabs_item_text" :class="{ active_tabs: tabIndex == index }">  
                        {{ item.name }}  
                    </text>  
                </view>  
                <view class="tabs_item_line" v-if="tabIndex == index"></view>  
            </view>  
            <view class="tabs_line_right">  
                <image src="@/static/homeModule/rightLine.png" alt="" class="img" />  
            </view>  
            <view class="meta_shop_search">  
                <image src="@/static/homeModule/search.png" alt="" @click="searchValue" class="img" />  
            </view>  
        </view>  
    </view>

        &.foucs_on {  
            background-color: #1d3332;  
        }  

        &.foucs_out {  
            background-color: transparent;  
            transition: background-color .5s ease-in-out;  
        }

}
</style>