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);
		},
相关推荐
2501_915918413 小时前
TCP 抓包分析在复杂网络问题中的作用,从连接和数据流层面理解系统异常行为
网络·网络协议·tcp/ip·ios·小程序·uni-app·iphone
じòぴé南冸じょうげん3 小时前
APP本地调试正常,但是打包后出现账号密码解析错误,且前端未使用加密解密
小程序·uni-app·web app
快起来搬砖了6 小时前
UniApp 路由配置实战:从全局守卫到 404 页面优雅处理
uni-app
5335ld7 小时前
uniapp-APP端table列表左侧第一列固定、头部固定
windows·uni-app
一个假的前端男7 小时前
uni-app App 端长按录音的工程级实现
uni-app
无名前端小白7 小时前
uniapp 安卓离线打包, 无法调起系统安装应用
uni-app
游戏开发爱好者88 小时前
苹果 App 上架流程,结合 Xcode、CI 等常见工具
macos·ios·ci/cd·小程序·uni-app·iphone·xcode
2501_915106328 小时前
用 HBuilder 上架 iOS 应用时如何管理Bundle ID、证书与描述文件
android·ios·小程序·https·uni-app·iphone·webview
2501_915909068 小时前
资源文件混淆在 iOS 应用安全中的实际价值
android·安全·ios·小程序·uni-app·iphone·webview
2501_915918418 小时前
iOS App 性能测试中常被忽略的运行期问题
android·ios·小程序·https·uni-app·iphone·webview