<template>
<div class="flex">
<list class="list">
<cell class="item"></cell>
<cell>
<input class="input" type="text" confirm-type="search" placeholder="输入内容 -> 滑到底部再滑到顶部 -> 输入内容消失" v-model="p.v" />
</cell>
<cell class="item"></cell>
<cell class="item"></cell>
</list>
</div>
</template>
<script>
export default {
data() {
return {
p: {
v: ''
}
}
},
}
</script>
<style scoped lang="scss">
.flex {
flex: 1;
}
.list {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #f0f0f0;
}
.input {
flex: 1;
margin: 0 30rpx;
height: 90rpx;
font-size: 28rpx;
}
.item {
width: 750rpx;
height: 500px;
background-color: #a9a9a9;
}
</style>
梅花三
- 发布：2022-06-01 16:03
- 更新：2022-07-08 10:58
- 阅读：627
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： Monterey 12.2.1 (21D62)
HBuilderX类型： 正式
HBuilderX版本号： 3.3.11
手机系统： iOS
手机系统版本号： iOS 15
手机厂商： 苹果
手机机型： 苹果X 苹果12 苹果8
页面类型： nvue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
用我上传的demo或者copy 代码跑起来100%复现
用我上传的demo或者copy 代码跑起来100%复现
预期结果：
正常显示
正常显示
实际结果：
消失不见
消失不见
bug描述：
HBX 3.3.11 到 3.4.12Alpha 版本都有此问题。仅ios版本 nuve list 组件下的input 组件，随着页面上下滑动，v-model 绑定的值消失了
