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

本文主要是介绍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>
<template>

js

<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

这篇关于uni-app提交表单到后端，接收表单数据的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！