uni-appx使用form表单页面初始化报错

 

 

 因为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.valueconsole.log("这是成功了", userInfo.value);}onMounted(() => {userInfo.value = {username: "6666",password: "8888",}})
</script>