【报Bug】nvue页面动态切换容器position无效

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： App操作

HBuilderX类型：正式

HBuilderX版本号： 3.4.18

手机系统： Android

手机系统版本号： Android 12

手机厂商：小米

手机机型：小米12x

页面类型： nvue

vue版本： vue2

打包方式：云端

项目创建方式： HBuilderX

示例代码：

<view :class="positionSet">定位容器</view>  
<view @click="isScreen = !isScreen">切换定位</view>  
<view>{{ isScreen }}</view>  
data() {  
    return {  
        isScreen: false  
    }  
}  

computed: {  
    positionSet() {  
        return this.isScreen ? 'fixed_top' : 'relative_top'  
    }  
}  

<style>  
.fixed_top {  
    position: fixed;  
    top: 0,  
    left: 0,  
    right: 0  
}  
.relative_top {  
    potision: relative;  
    top: 120rpx;  
}  
</style>

操作步骤：

<view :class="positionSet">定位容器</view>  
<view @click="isScreen = !isScreen">切换定位</view>  
<view>{{ isScreen }}</view>  
data() {  
    return {  
        isScreen: false  
    }  
}  

computed: {  
    positionSet() {  
        return this.isScreen ? 'fixed_top' : 'relative_top'  
    }  
}  

<style>  
.fixed_top {  
    position: fixed;  
    top: 0,  
    left: 0,  
    right: 0  
}  
.relative_top {  
    postision: relative;  
    top: 120rpx;  
}  
</style>