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