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

uniapp 手动调用form表单submit事件

背景:

UI把提交的按钮弄成了图片,之前的button不能用了。

<button  form-type="submit">搜索</button>

实现:

html:

通过  this.$refs.fd 获取到form的vue对象。手动调用里面的_onSubmit()方法。

 

methods: {search(){//图片点击事件console.log(this.$refs.fd);this.$refs.fd._onSubmit();//手动调用formvue对象的_onSubmit()方法// console.log(this.$refs.targetBtn);},formSubmit(e) {  //原来的form submit事件 不要动,留着console.log(e) // 获取原生的 input 事件对this.list =[];this.formParam =  e.detail.value;this.to_Ajax({ ...this.param, ...this.formParam,...this.model});//合并三个参数对象并传递},formReset(){this.param.page = 0;this.list = [];this.to_Ajax({ ...this.param,...this.model});},//合并三个参数对象并传递reset(){console.log(this.$refs.fd);this.$refs.fd._onReset()// console.log(this.$refs.targetBtn);},

相关文章:

  • C#,数值计算——插值和外推,曲线插值(Curve_interp)的计算方法与源程序
  • 【Oracle 客户端连接数据库过程解析】
  • 若依启动步骤
  • 数据采集与大数据架构分享
  • Spring Boot - filter 的顺序
  • 三十分钟学会zookeeper
  • uniapp app tabbar 页面默认隐藏
  • 【【萌新的SOC学习之 VDMA 彩条显示实验之一】】
  • 配置Nginx服务器用于Web应用代理和SSL{仅配置文件}
  • Eclipse切换中文环境
  • 解决公网下,k8s calico master节点无法访问node节点创建的pod
  • java回调函数
  • 2023.11.14 hivesql的容器,数组与映射
  • WPF中有哪些布局方式和对齐方法
  • GCD:异步同步?串行并发?一文轻松拿捏!
  • .pyc 想到的一些问题
  • 【刷算法】求1+2+3+...+n
  • 【跃迁之路】【699天】程序员高效学习方法论探索系列(实验阶段456-2019.1.19)...
  • 4. 路由到控制器 - Laravel从零开始教程
  • 4个实用的微服务测试策略
  • Bootstrap JS插件Alert源码分析
  •  D - 粉碎叛乱F - 其他起义
  • Date型的使用
  • Docker 笔记(1):介绍、镜像、容器及其基本操作
  • ES6系列(二)变量的解构赋值
  • IndexedDB
  • JavaScript的使用你知道几种?(上)
  • leetcode-27. Remove Element
  • node和express搭建代理服务器(源码)
  • Octave 入门
  • Phpstorm怎样批量删除空行?
  • Spring框架之我见(三)——IOC、AOP
  • SQLServer之创建数据库快照
  • vue-cli3搭建项目
  • vue-router 实现分析
  • 程序员该如何有效的找工作?
  • 对JS继承的一点思考
  • 想写好前端,先练好内功
  • ( )的作用是将计算机中的信息传送给用户,计算机应用基础 吉大15春学期《计算机应用基础》在线作业二及答案...
  • (1/2) 为了理解 UWP 的启动流程,我从零开始创建了一个 UWP 程序
  • (Git) gitignore基础使用
  • (附源码)ssm高校志愿者服务系统 毕业设计 011648
  • (论文阅读26/100)Weakly-supervised learning with convolutional neural networks
  • (每日持续更新)jdk api之FileFilter基础、应用、实战
  • (十)DDRC架构组成、效率Efficiency及功能实现
  • (转)3D模板阴影原理
  • (转)http-server应用
  • (转)Java socket中关闭IO流后,发生什么事?(以关闭输出流为例) .
  • * 论文笔记 【Wide Deep Learning for Recommender Systems】
  • **PHP二维数组遍历时同时赋值
  • .java 9 找不到符号_java找不到符号
  • .mkp勒索病毒解密方法|勒索病毒解决|勒索病毒恢复|数据库修复
  • .Net 中Partitioner static与dynamic的性能对比
  • .NET/C# 在代码中测量代码执行耗时的建议(比较系统性能计数器和系统时间)...
  • .net反编译工具