<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>
- 发布:2023-11-08 17:44
- 更新:2023-11-08 17:44
- 阅读:554
产品分类: uniapp/小程序/微信
PC开发环境操作系统: Mac
PC开发环境操作系统版本号: 13.5.2 (22G91)
HBuilderX类型: 正式
HBuilderX版本号: 3.96
第三方开发者工具版本号: 1.06.2310080
基础库版本号: 3.2.0
项目创建方式: HBuilderX
示例代码:
操作步骤:
在ios真机上:提醒类型切换到2,在content输入内容(mac\win的开发者工具、安卓系统都无此问题)
在ios真机上:提醒类型切换到2,在content输入内容(mac\win的开发者工具、安卓系统都无此问题)
预期结果:
content字段的内容更新
content字段的内容更新
实际结果:
content字段没有更新,反而target更新的内容
content字段没有更新,反而target更新的内容
bug描述:
通过v-if切换uni-forms-item的显示和隐藏导致textarea绑定的数据错误