[uni-app]-安卓原生app,在彼显现(v-if)此隐藏(v-else)的两个结构相似的doc对象中,在相同位置的同类型组件(特别是如 image、input 等这些组件)会进行复用,复用组件的v-if属性和样式会进行混用,动态切换的时候就会出现各种缺陷(明明是显示的组件其特有功能失效、呈现样式与预期的不一样,但微信小程序和苹果app的功能和呈现样式都正常)。
<!-- 动态切换loginStatus的时候 图片圆角与预期的不一样 -->
<image v-if="loginStatus" class="head-img-1" />
<image v-else class="head-img-2" />
<style>
.head-img-1 {
width: 80rpx;
height: 80rpx;
background-color: #999999;
border-radius: 40rpx;
}
.head-img-2 {
width: 80rpx;
height: 80rpx;
background-color: #999999;
border-radius: 8rpx;
}
</style>
0 个评论
要回复文章请先登录或注册