有一个按钮在父组件里,表单在子组件,也就是button不在<form>里,请问这种情况如何触发提交表单的操作? 原生vue可以用: this.$refs.form.$el.submit() uniapp里怎么触发submit操作?
前面这位老兄,说的大抵不错。我补充一下。表单数据(假如变量名为formData)放在父组件中。子组件维护一个value属性(vue2里是,vue3不是)。一个组件上的 v-model 默认会利用名为 value 的 prop 和名为 input 的事件。把formData用v-model指令绑定到子组件。button是在父组件中,点击事件后,然后通过接口提交
2 个回复
小枫叶 - 外包接单加v:wlmk1234567 注明来意
我建议这样做 data里面放一个变量
然后你将表单绑定到 对应的变量
然后通过接口提交
呆狗的一生 - 呆狗的一生
前面这位老兄,说的大抵不错。我补充一下。表单数据(假如变量名为formData)放在父组件中。子组件维护一个value属性(vue2里是,vue3不是)。一个组件上的 v-model 默认会利用名为 value 的 prop 和名为 input 的事件。把formData用v-model指令绑定到子组件。button是在父组件中,点击事件后,然后通过接口提交
y***@gmail.com (作者)
是不错,不过要搞好多data里的变量出来,本来表单各自管自己表单里面的东西就行,只是提交的时候用一下
2022-04-11 12:46