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

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

分类: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 (作者) - 全栈工程师

居然没人回复!

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

  • 标题 / 粗斜体
  • 代码片段
  • 超链接 / 图片 / 视频
  • 列表 / 引用

文章内容较多时,可以用标题分段 :

## 大标题 
### 小标题

斜体 / 粗体 :

**粗体** 
*斜体*
***粗斜体***

代码片段 :

``` javascript
代码片段
```

超链接 :

[链接文字](链接地址) 例: [百度](http://www.baidu.com)

图片 :

![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

视频 :

!![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

有序列表 :

1. 123
2. 123
3. 123

无序列表 :

- 123
- 123
- 123

引用 : ( 双回车后结束引用 )

> 引用内容
引用内容
引用内容