当前位置：首页 > article >正文

uniapp 手动调用form表单submit事件

article 2025/2/25 18:18:55

背景：

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);
		},

查看全文

http://www.kler.cn/a/131864.html