当前位置: 首页 > news >正文

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>

http://www.lryc.cn/news/386101.html

相关文章:

  • TiDB-从0到1-数据导出导入
  • 动手学深度学习(Pytorch版)代码实践 -卷积神经网络-16自定义层
  • 树莓派4设置
  • 44.商城系统(二十五):k8s基本操作,ingress域名访问,kubeSphere可视化安装
  • MySQL高级查询
  • 聊聊啥项目适合做自动化测试
  • ROS2开发机器人移动
  • 【强化学习】第02期:动态规划方法
  • 安全技术和防火墙(二)
  • 【51单片机入门】数码管原理
  • 三星DRAM、NAND,“又双叒叕”带头涨价了
  • 星戈瑞FITC-PEG2000-Biotin的生物相容性
  • 数据资产管理的艺术:构建智能化、精细化的数据资产管理体系,从数据整合、分析到决策支持,为企业提供一站式的数据资产解决方案,助力企业把握数字时代的新机遇
  • 基于Java微信小程序校园自助打印系统设计和实现(源码+LW+调试文档+讲解等)
  • 股票复盘思路
  • OpenGL系列(六)摄像机
  • 一个端口配置两个vue和后端服务,nginx以及前后端服务怎么配?
  • 295. 数据流的中位数
  • OCR训练和C#部署英文字符训练
  • webpack【实用教程】
  • 如何使用C++进行文件读写操作
  • Tensorflow Lite移动平台编译
  • 2024年6月24日-6月30日(ue5肉鸽视频p16-p25)
  • LeetCode.面试题17.24.最大子矩阵详解
  • 云动态摘要 2024-06-28
  • 六、资产安全—信息分级资产管理与隐私保护(CISSP)
  • 香港服务器托管对外贸行业必要性和优势
  • Vue Router 导航守卫,多次执行的解决方案
  • SpringBoot集成道历(实现道历日期查询)
  • 面对.rmallox勒索病毒:如何有效防范及应对