1

要想接收表单数据,首先要在表单进行数据的绑定,我们可以使用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


TANKING
4.8k 声望513 粉丝

热爱分享,热爱创作,热爱研究。