<template>
<view class="content">
<z-paging ref="paging" v-model="list" @query="queryList">
<view class="top" slot="top">
<input type="text" placeholder="请输入搜索内容">
</view>
<view class="item" v-for="(item,index) in list">
{{item}}
</view>
</z-paging>
</view>
</template>
<script>
export default {
data() {
return {
list: []
}
},
methods: {
queryList(){
setTimeout(() =>{
this.$refs.paging.complete([1,2,3,4,5,6,7,8,9,10]);
},500)
}
}
}
</script>
<style>
.item{
padding: 50rpx 20rpx;
font-weight: bold;
border-bottom: solid 1px #eeeeee;
}
.top{
background-color: skyblue;
padding: 20rpx;
}
</style>
照相
- 发布：2022-08-22 00:51
- 更新：2022-08-22 00:51
- 阅读：655
产品分类： uniapp/小程序/微信
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 12.7
HBuilderX类型： 正式
HBuilderX版本号： 3.5.3
第三方开发者工具版本号： 3.5.3.20220729
基础库版本号： 2.25.3
项目创建方式： HBuilderX
示例代码：
操作步骤：
运行demo至微信小程序开发者工具中，点击预览。使用iOS的微信扫描二维码预览运行结果。
1.先进行下拉刷新操作。
2.将列表上滑滚动，观察input的placeholder。
运行demo至微信小程序开发者工具中，点击预览。使用iOS的微信扫描二维码预览运行结果。
1.先进行下拉刷新操作。
2.将列表上滑滚动，观察input的placeholder。
预期结果：
预期input的placeholder展示正常
预期input的placeholder展示正常
实际结果：
input的placeholder在上滑过程中消失，手离开屏幕又出现了。
input的placeholder在上滑过程中消失，手离开屏幕又出现了。
bug描述：
在微信小程序iOS真机中使用z-paging，下拉刷新后上滑滚动列表，通过slot插入的input的placeholder会消失。
发现只有下拉刷新后上滑列表会引发这个问题，排查了插件的代码实在没弄明白为什么会影响input中的placeholder的展示，感觉可能是由更底层的原因引起的，希望官方帮忙排查一下。
