w***@foxmail.com
w***@foxmail.com
  • 发布:2018-12-03 15:45
  • 更新:2018-12-05 19:29
  • 阅读:1115

关于提交表单?? 是否支持我这种写法?

分类:uni-app

uniapp 不支持采用VUE方式提交表单的么
怎么感觉官方的例子像是jquery+小程序提交的变体

我使用VUE提交表单时这样 请问是否支持
<template>
<view>
<input :value="info.name" />
<input :value="info.contry" />
<button type="default" @tap="submit()">SubmitTest</button>
</view>
</template>
<script>
export default {
data() {
return {
info:{}
}
},
methods: {
submit: function (e) {
console.log(JSON.stringify(this.info));
}
}
}
</script>

2018-12-03 15:45 负责人:无 分享
已邀请:
w***@foxmail.com

w***@foxmail.com (作者) - 全栈工程师

这个是标准的 表单双向绑定写法

info 是整个表单数据的模型
然后将info的属性和表单绑定起来

读取时
this.$http.get(url,response(e){
this.info=e.data;
})

提交时
submit:function{
console.info(this.info)
}

服务器端直接
RequestBody 接受 搞定

w***@foxmail.com

w***@foxmail.com (作者) - 全栈工程师

自己顶 求回复!
是不是每一个input 都要实现@input="KeyInput" 来手动实现 同步数据吗?

w***@foxmail.com

w***@foxmail.com (作者) - 全栈工程师

继续顶 求高人回复解答
form @submit="formSubmit"
没个表单都需要这么提交吗?

提交很简单了

给表单赋值呢 是不是需要每个属性都要写一行代码
有简单的方法吗?

w***@foxmail.com

w***@foxmail.com (作者) - 全栈工程师

求高人给一个完整的 使用uniapp写的 表单赋值 表单提交 的例子

因为大量需要提交的表单.感觉官方给的例子, 操作麻烦

没有用到vue v-model 的精髓!

w***@foxmail.com

w***@foxmail.com (作者) - 全栈工程师

来人啊. 这里需要高人回复

w***@foxmail.com

w***@foxmail.com (作者) - 全栈工程师

居然没人回复!

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