普通的view标签,修改position为fixed,在切回去就不行
q***@hotmail.com
- 发布：2024-02-05 12:52
- 更新：2024-02-05 14:42
- 阅读：170
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： windows10
HBuilderX类型： 正式
HBuilderX版本号： 3.99
手机系统： Android
手机系统版本号： Android 12
手机厂商： OPPO
手机机型： 1+ plus
页面类型： nvue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
操作步骤：
预期结果：
普通的view标签,修改position为fixed,在切回去就不行
普通的view标签,修改position为fixed,在切回去就不行
实际结果：
普通的view标签,修改position为fixed,在切回去就不行
普通的view标签,修改position为fixed,在切回去就不行
bug描述：
ios和Android,动态修改css position:fixed,可以修改,但是不能切换回去.
喜欢技术的前端 - QQ---445849201
加个 key值就行了
<template>
<view>
<view class="is-position" :key="position" :style="{'position':position}">
position--{{position}}
</view>
<button @click="fiexd">fiexd</button>
<view class="flex" v-for="(item,index) in 20" :key="index">
{{item}}
</view>
<button @click="fiexd">fiexd</button>
</view>
</template>
<script>
export default {
data() {
return {
position:'fixed'
}
},
methods:{
fiexd(){
if(this.position == 'fixed'){
this.position = 'relative'
}else{
this.position = 'fixed'
}
}
}
}
</script>
<style>
.is-position{
padding: 30rpx;
background-color: #999;
z-index: 10;
width: 750rpx;
display: block;
}
.flex{
padding: 30rpx;
}
</style>
q***@hotmail.com (作者)
谢谢兄弟,这个方法比v-if好用多了!
2024-02-07 10:19
喜欢技术的前端
回复 q***@hotmail.com: 客气了
2024-02-07 10:31