1. 首页
  2. 小程序

uni-app提交表单到后端,接收表单数据

要想接收表单数据,首先要在表单进行数据的绑定,我们可以使用v-model="keyword"进行绑定。

然后在js获取这个绑定的值。

index.vue


<template> <view> <view class="search-con"> <view class="form-con"> <form class="search-form"> <input type="text" v-model="keyword" @tap="showsearchbtn" focus="true"/> <button form-type="submit" hover-class='none' @tap="keyword">提交</button> </form> </view> </view> </view> <1template>

JS中文网 – 前端进阶资源教程 https://www.javascriptc.com/
一个致力于帮助开发者用代码改变世界为使命的平台,每天都可以在这里找到技术世界的头条内容


<script> export default { data() { return { } }, methods: { keyword(e){ // 获取表单值 let kw = this.keyword; console.log(kw); } } } </script>

Author:TANKING
Web:http://www.likeyun.cn
Date:2020-8-13
WeChat:face6009

作者:TANKING
链接:https://segmentfault.com/a/1190000023613107

看完两件小事

如果你觉得这篇文章对你挺有启发,我想请你帮我两个小忙:

  1. 关注我们的 GitHub 博客,让我们成为长期关系
  2. 把这篇文章分享给你的朋友 / 交流群,让更多的人看到,一起进步,一起成长!
  3. 关注公众号 「画漫画的程序员」,公众号后台回复「资源」 免费领取我精心整理的前端进阶资源教程

JS中文网是中国领先的新一代开发者社区和专业的技术媒体,一个帮助开发者成长的社区,目前已经覆盖和服务了超过 300 万开发者,你每天都可以在这里找到技术世界的头条内容。欢迎热爱技术的你一起加入交流与学习,JS中文网的使命是帮助开发者用代码改变世界

本文著作权归作者所有,如若转载,请注明出处

转载请注明:文章转载自「 Js中文网 · 前端进阶资源教程 」https://www.javascriptc.com

标题:uni-app提交表单到后端,接收表单数据

链接:https://www.javascriptc.com/4337.html

« Hbase实用技巧:全量+增量数据的迁移方法
Js中文网周刊第111期»
Flutter 中文教程资源

相关推荐

QR code