关于uni-app:uniapp提交表单到后端接收表单数据

53次阅读

共计 519 个字符,预计需要花费 2 分钟才能阅读完成。

要想接管表单数据,首先要在表单进行数据的绑定,咱们能够应用 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

正文完
 0