2020-8-16 seo达人
要想接收表单数据,首先要在表单进行数据的绑定,我们可以使用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
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务