y***@gmail.com
y***@gmail.com
  • 发布:2022-04-08 14:46
  • 更新:2022-04-10 10:38
  • 阅读:305

如何js模拟提交表单?

分类:uni-app

有一个按钮在父组件里,表单在子组件,也就是button不在<form>里,请问这种情况如何触发提交表单的操作?

原生vue可以用:
this.$refs.form.$el.submit()

uniapp里怎么触发submit操作?

2022-04-08 14:46 负责人:无 分享
已邀请:
小枫叶

小枫叶 - 外包接单加v:wlmk1234567 注明来意

我建议这样做 data里面放一个变量

sub:{  
data1:"",  
data2:""  
}  

然后你将表单绑定到 对应的变量

然后通过接口提交

呆狗的一生

呆狗的一生 - 呆狗的一生

前面这位老兄,说的大抵不错。我补充一下。表单数据(假如变量名为formData)放在父组件中。子组件维护一个value属性(vue2里是,vue3不是)。一个组件上的 v-model 默认会利用名为 value 的 prop 和名为 input 的事件。把formData用v-model指令绑定到子组件。button是在父组件中,点击事件后,然后通过接口提交

  • y***@gmail.com (作者)

    是不错,不过要搞好多data里的变量出来,本来表单各自管自己表单里面的东西就行,只是提交的时候用一下

    2022-04-11 12:46

该问题目前已经被锁定, 无法添加新回复