1
2***@qq.com
- 发布：2024-10-11 10:07
- 更新：2024-10-11 10:44
- 阅读：72
产品分类： uniapp/H5
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： Windows 11 家庭中文版 23H2
HBuilderX类型： 正式
HBuilderX版本号： 4.29
浏览器平台： Chrome
浏览器版本： 版本 129.0.6668.100（正式版本） （64 位）
项目创建方式： HBuilderX
操作步骤：
预期结果：
1
1
实际结果：
1
1
bug描述：
<template>
<view>
<uni-forms ref="form">
<uni-forms-item label="手机号" name="phone" required>
<input type="text" v-model="form.phone" />
</uni-forms-item>
</uni-forms>
</view>
</template>
<script setup>
import {
reactive,
ref
} from 'vue';
const form = ref({
phone: "1111111"
})
</script>
<style>
</style>ref定义的响应式对象在应用到uni-forms中后，初始值会在闪一下后重置
如果不使用uni-forms，只是单纯的应用到input中没有这个问题
reactive定义的响应式对象，也没有这个问题
2 个回复
爱豆豆 - 办法总比困难多
你这uni-forms ref="form"上的 form不跟你v-model上的form重复了吗？
把 ref="form" 删了 或者把改下不要重复
我这边测试 ref把这个删了就不会闪动了
DCloud_UNI_yuhe
推荐你在绑定表单数据的时候，使用 forms 中的 model 属性。
其它的表单方式如 v-model，都是为了兼容，使用 model 属性绑定可以达到最好的效果