LV007
LV007
  • 发布:2022-10-24 14:20
  • 更新:2022-10-24 14:55
  • 阅读:216

【报Bug】微信小程序v-for中的input v-model 绑定值无效

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10

HBuilderX类型: 正式

HBuilderX版本号: 3.6.4

手机系统: Android

手机系统版本号: Android 12

手机厂商: 小米

手机机型: 小米10s

页面类型: vue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

示例代码:

<template>
<view>
<view v-for="(item,index) in father.child" :key="item.id" class="item">
<input v-model='item.value' type="text">
</view>
<view @click="sub" class="btn">
提交
</view>
</view>
</template>

<script>
export default {
data() {
return {
father:{
child:[{
id: 1,
value:''
},{
id: 2,
value:''
}]
}
}
},
onLoad() {

    },  
    methods: {  
        sub(){  
            console.log(this.father)  
        }  
    }  
}  

</script>

<style>
.btn{
width: 120rpx;
height: 120rpx;
background: #999;
line-height: 120rpx;
text-align: center;
}
.item{
border: 2rpx solid #999;
}
</style>

操作步骤:

以上图片里的代码

预期结果:

绑定小写字母有效 且删除小写字母时能绑定最新

实际结果:

绑定小写字母无效 删除小写字母时也监听不到 绑定不上最新

bug描述:

微信小程序v-for中的input v-model 绑定值无效 (绑定小写字母无效 删除小写字母时也监听不到 绑定不上最新 但是数字和汉字能绑定上 )图片例子 我在input 中一个输入aa 一个输入bb 点击提交,在提交的数组value中 并没有aa 和 bb 而是空

2022-10-24 14:20 负责人:无 分享
已邀请:
DCloud_UNI_WZF

DCloud_UNI_WZF

测试未复现该问题,请检查代码或提供测试工程
另:请注意提供信息的准确性,标题写的是微信小程序,下面的产品分类是 uniapp/App ?

  • LV007 (作者)

    测试 ios 和 红米k40 无问题 但是本人手机小米10s miui版本12.5.7 预览编译后的小程序确实如上图所示 值绑定不上的情况

    2022-10-24 14:59

  • DCloud_UNI_WZF

    回复 LV007: 微信小程序原生开发是否有同样问题?部分机型可以,说明uniapp到微信小程序的编译没有问题

    2022-10-24 15:03

  • LV007 (作者)

    回复 DCloud_UNI_WZF: 非常感谢 我们去原生排查一下问题

    2022-10-24 16:27

该问题目前已经被锁定, 无法添加新回复