要想接收表单数据,首先要在表单进行数据的绑定,我们可以使用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
看完两件小事
如果你觉得这篇文章对你挺有启发,我想请你帮我两个小忙:
- 把这篇文章分享给你的朋友 / 交流群,让更多的人看到,一起进步,一起成长!
- 关注公众号 「画漫画的程序员」,公众号后台回复「资源」 免费领取我精心整理的前端进阶资源教程
本文著作权归作者所有,如若转载,请注明出处
转载请注明:文章转载自「 Js中文网 · 前端进阶资源教程 」https://www.javascriptc.com