jaqi
jaqi
  • 发布:2023-11-08 17:44
  • 更新:2023-11-08 17:44
  • 阅读:554

【报Bug】通过v-if切换uni-forms-item的显示和隐藏导致双向数据绑定错误

分类:uni-app

产品分类: uniapp/小程序/微信

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: 13.5.2 (22G91)

HBuilderX类型: 正式

HBuilderX版本号: 3.96

第三方开发者工具版本号: 1.06.2310080

基础库版本号: 3.2.0

项目创建方式: HBuilderX

示例代码:
<template>  
    <view>  
        <pre>{{form}}</pre>  
        <uni-forms ref="formRef" :model="form" label-position="top" label-width="100">  
            <uni-forms-item label="提醒类型" name="type">  
                <radio-group @change="changeType" class="radio-group">  
                    <label class="radio-group-item">  
                        <radio value="1" color="#7197FD" :checked="form.type === '1'" />  
                        <text>1</text>  
                    </label>  
                    <label>  
                        <radio value="2" color="#7197FD" :checked="form.type === '2'" /><text>2</text>  
                    </label>  
                </radio-group>  
            </uni-forms-item>  
            <uni-forms-item v-if="form.type === '1'" label="project" name="project">  
                <textarea  v-model="form.project" style="height: 60rpx;" />  
            </uni-forms-item>  
            <uni-forms-item label="content" name="content">  
                <textarea  v-model="form.content" style="height: 60rpx;" />  
            </uni-forms-item>  
            <uni-forms-item label="target" name="target">  
                <textarea  v-model="form.target" style="height: 60rpx;" />  
            </uni-forms-item>  
        </uni-forms>  
    </view>  
</template>  
<script setup lang="ts">  
    import { ref } from 'vue'  
    let form = ref({  
        type: '1',  
        project: '',  
        content: '',  
        target: ''  
    })  
    // 修改提醒类型  
    const changeType = (e) => {  
        form.value.type = e.detail.value  
    }  
</script>

操作步骤:

在ios真机上:提醒类型切换到2,在content输入内容(mac\win的开发者工具、安卓系统都无此问题)

预期结果:

content字段的内容更新

实际结果:

content字段没有更新,反而target更新的内容

bug描述:

通过v-if切换uni-forms-item的显示和隐藏导致textarea绑定的数据错误

2023-11-08 17:44 负责人:无 分享
已邀请:

要回复问题请先登录注册