小程序form表单获取数据写法
xuexi 2025-09-26 15:40:54 发表在:VUE 查看数:52
<form bindsubmit="handleSubmit">
  <!-- 表单内容:输入框、选择器等 -->
  <input name="username" placeholder="请输入用户名" />
  <input name="password" type="password" placeholder="请输入密码" />

  <!-- 提交按钮:必须设置 form-type="submit" -->
  <button form-type="submit" type="primary">登录</button>
</form>

//js
Page({
  // 表单提交时触发
  handleSubmit(e) {
    // e.detail.value 包含表单中所有带 name 属性的组件的值
    const formData = e.detail.value;
    console.log("表单数据:", formData); // {username: "输入的用户名", password: "输入的密码"}

    // 这里可以写验证、提交到服务器等逻辑
  }
});
最近访问时间:2025-10-03 01:40:01
知识库:386条鸣谢:TAY  备案号:蜀ICP备2024090044号-1