因为UniFormSubmitEvent的类型时 e-->detail-->value,然后没有了具体值。所以页面初始化的时候

不能直接从value取值，会报错找不到 

所以form表单里的数据我们要设置成一个对象来存放

这个问题的关键在于第22行代码

取值： 不能按照点的方式取值

 

<template>
	<view>
		<text >登录</text>
		<view >
			<form @submit="onFormSubmit">
				<input name="username" :value="userInfo['username']" placeholder="请输入用户名" />
				<input name="password" :value="userInfo['password']" placeholder="请输入密码" />
				<button form-type="submit" type="primary">登录</button>
			</form>
		</view>
	</view>
</template>

<script lang="uts" setup>
	const userInfo = ref({
		username: "",
		password: "",
	})

	const onFormSubmit = (e : UniFormSubmitEvent) => {
		userInfo.value = e.detail.value
		console.log("这是成功了", userInfo.value);
	}

	onMounted(() => {
		userInfo.value = {
			username: "6666",
			password: "8888",
		}
	})
</script>