微信小程序:实现多个按钮提交表单

news2025/1/17 21:55:11

效果

核心步骤

通过data-type给不同按钮进行设置,便于很好的区分不同按钮执行不同功能

data-type=""

完整代码

wxml

<form action="" bindsubmit="formSubmit">
  <button style="margin-bottom:5%" data-type="pause" form-type="submit">暂停</button>
  <button data-type="complete" form-type="submit">完工</button>
</form>

js

Page({
  data: {},
  //提交表单
  formSubmit(e){ 
    var type = e.detail.target.dataset.type
    if(type == 'pause'){
      console.log("你点击的是“暂停”按钮")
    }
    if(type == 'complete'){
      console.log("你点击的是“完工”按钮")
    }
  },
});

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1166180.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

技术共建,飞桨与OpenVINO™ 共创开放AI生态

在智能新时代&#xff0c;百度和英特尔作为行业引领者&#xff0c;一直专注于构建强大的产品组合和开放的软件生态系统。为此&#xff0c;百度飞桨打造功能丰富、开源开放的产业级深度学习平台&#xff0c;英特尔推出OpenVINO™工具套件&#xff0c;并致力于借助双方技术来增强…

云栖大会 | 科技改变生活,移远通信实力引领智能未来

科技对生活的改变体现在出行方式、娱乐方式、支付方式等多个方面&#xff0c;已经融入了我们的日常生活&#xff0c;为我们带来了便捷、高效、舒适的体验。 10月31日—11月2日&#xff0c;云栖大会在杭州盛大召开。本次大会以“计算&#xff0c;为了无法计算的价值”为主题&…

亚马逊云科技实操教学带你注册并使用海外服务器

手把手教你注册和使用亚马逊云科技海外服务器。 前置条件 准备&#xff1a; 一个在用邮箱 一张在用的有Visa或者Master标志的信用卡 一部在用的电话 一个支持key文件导入的ssh客户端 注册亚马逊云科技 在任意浏览器上搜索“亚马逊云科技”&#xff0c;打开官网&#xff0c…

Padding负值遮挡视图(下拉刷新头部)

padding值为负值时&#xff0c;表示当前视图被遮住了一部分。 可使用 view.set Padding( int left , int top , int right , int bottom) 方法进行动态设置。 下拉刷新头部的实现&#xff1a; (1) 获取屏幕大小。(2) 设置 刷新头高度&#xff08;定值&#xff09; 设置 显…

新手学计算机编程入门,自学编程入门从哪里入手开始学习

新手学计算机编程入门&#xff0c;自学编程入门从哪里入手开始学习 给大家分享一款中文编程工具&#xff0c;零基础轻松学编程&#xff0c;不需英语基础&#xff0c;编程工具可下载。 这款工具不但可以连接部分硬件&#xff0c;而且可以开发大型的软件&#xff0c;向如图这个…

哪些指标可以评估实施MES管理系统的效益

在现代制造业的浪潮下&#xff0c;MES生产管理系统已成为众多企业的得力助手。然而&#xff0c;如何判断MES管理系统是否真的为企业创造了价值&#xff1f;本文将为您解析三个核心指标&#xff0c;助您深入了解MES管理系统的实际效益&#xff0c;确保您的投资决策明智有据。 一…

PHP解析带BOM头的JSON数据,对接他人接口的时候,使用json_decode(),返回null的问题与解决方法

在php开发中会遇到和他人对接接口&#xff0c;对方使用json传输数据&#xff0c;使用json_decode()函数却无法将json数据转换为数组。 先看封装的代码 private function curlPost($url, $post_data []) {$ch curl_init() or die (curl_error());curl_setopt($ch, CURLOPT_…

《向量数据库指南》——用 Milvus Cloud和 NVIDIA Merlin 搭建高效推荐系统结果

结果 以下展示基于 CPU 和 GPU 的 3 组性能测试结果。该测试使用了 Milvus 的 HNSW(仅 CPU)和IVF_PQ(CPU 和 GPU)索引类型。 商品向量间相似度搜索 对于给定的参数组合,将 50% 的商品向量作为查询向量,并从剩余的向量中查询出 top-100 个相似向量。我们发现,在测试的参…

el-cascader级联选择器选中一个全选中问题

问题 只选中一个却把同级全选中 解决 :props中添加label、value、children属性 label、value、children属性值需要和后端返回的集合中的字段名保持一致 后端返回数据&#xff1a;

基于寄生捕食算法的无人机航迹规划-附代码

基于寄生捕食算法的无人机航迹规划 文章目录 基于寄生捕食算法的无人机航迹规划1.寄生捕食搜索算法2.无人机飞行环境建模3.无人机航迹规划建模4.实验结果4.1地图创建4.2 航迹规划 5.参考文献6.Matlab代码 摘要&#xff1a;本文主要介绍利用寄生捕食算法来优化无人机航迹规划。 …

交换机基础(零):交换机基础配置

一、华为设备视图 常用视图 名称 进入视图 视图功能 用户视图 用户从终端成功登录至设备即进 入用户视图&#xff0c;在屏幕上显示 kHuawei> 用户可以完成查看运行状态和统 计信息等功能。在其他视图下 都可使用return直接返回用户视 图 系统视图 在用户视图下&…

面试常考:从lc24《两两交换链表中的节点》 到 lc25《K 个一组翻转链表》带你认识链表递归

1 lc24《两两交换链表中的节点》 1.1 描述 1.2 题解 1.2.1 递归解法 下面的三行注释要理解透彻&#xff0c; public ListNode swapPairs(ListNode head) {if(headnull||head.nextnull)return head;// 具体的两两交换过程ListNode nexthead.next; ListNode nextNexthead.next…

(C)求x/1!-........

#include<stdio.h> #include<stdlib.h> #include<math.h> void main() {double a1,b1,c0,x;int i,j1;printf("输入x的值:");scanf_s("%lf",&x);for(i1;i<10;i){a*x;b*i;cj*a/b;j-j;}printf("s%10.5f",s); }

Mysql基础+高级一文搞定

创建数据库 create database db_yassels; 切换数据库 use db_yassels; 创建table create table Persons1( Id_P int, LastName varchar(255), FirstName varchar(255), Address varchar(255), City varchar(255) ); 查看table select *from Persons1; 插入数据 insert…

Pattern Recognition:最大化高斯性准则

近日&#xff0c;清华大学、昆明理工大学、北京邮电大学联合在模式识别权威杂志 Pattern Recognition (IF 8.0) 上发表论文&#xff0c;报告了一种最大化高斯性 (Maximum Gaussianality) 的训练准则&#xff0c;用于对数据分布进行规整。 分布规整与标准化流模型 我们知道数据…

电视「沉浮录」:跌出家电“三大件”?

【潮汐商业评论/原创】 “这年头谁还看电视&#xff0c;家里电视近一年都没打开过了&#xff0c;我明天就打算把它二手卖掉。”想到已落灰许久的电视机&#xff0c;Andy打开了二手平台。 “要不是这几年孩子网课多&#xff0c;我是真没考虑换新电视&#xff0c;家里用了8年的…

阿里云双11服务器返现活动来了

大家好&#xff0c;我是彭涛&#xff01; 阿里云双11活动&#xff0c;我成为了阿里云推广大使&#xff0c;从阿里云朋友哪儿搞了阿里云福利。 以前&#xff1a;给大家搞的 1c1g 的服务&#xff0c;太难了&#xff0c;今年没办法弄了&#xff01; 今年&#xff1a;新用户 99元…

S32K312 ITCM代码使用示例

在上一篇文章中&#xff0c;介绍了S32K312 DTCM在代码中使用示例&#xff0c;具体可以参考配置文件的编辑&#xff0c;本文主要介绍ITCM的代码使用和调试。ITCM是将功能代码放到了高速缓存中&#xff0c;一方面频繁调用的函数可以快速访问&#xff0c;提高效率&#xff1b;另一…

Talk | CoRL 2023 Oral 上海交通大学迮炎杰:通用机器人操作的视觉表征

本期为TechBeat人工智能社区第543期线上Talk&#xff01; 北京时间11月02日(周四)20:00&#xff0c;上海交通大学—迮炎杰的Talk已准时在TechBeat人工智能社区开播&#xff01; 他与大家分享的主题是: “通用机器人操作的视觉表征”&#xff0c;他分享他们团队在进一步拓展能够…

【EC800M 】 模组测试 定位+短信+mqtt功能 AT 指令测试

本博文主要记录&#xff0c;利用 EC800M 模组测试 定位短信mqtt功能&#xff0c;采用物联网SIM卡测试 【EC800M 】 模组测试 定位短信mqtt功能 AT 指令测试 1. 【测试定位功能】2. 【测试4g功能】3. 测试mqtt功能3.1 发布消息3.2 订阅消息 硬件请参考&#xff1a; EC800X核心板…