uniapp input框监听回车搜索事件效果demo(整理)

简介: uniapp input框监听回车搜索事件效果demo(整理)

效果图打印值:

主要使用:

confirm-type=“search” @confirm=“searchClick”

<template>
  <input type="text" v-model="form.keyword" placeholder="搜索商品" placeholder-style="color: #CCC;" confirm-type="search" @confirm="doSearch" />
</template>
<script>
  export default {
    data(){
      return{
        form: {
          keyword: '',
        },
      }
    },
    methods: {
      doSearch(event) {
        this.form.keyword = event.detail.value;
        console.log(event,"按键成功")
      },
    }
  }
</script>
<style>
</style>
相关文章
|
3月前
|
移动开发 小程序 JavaScript
uniapp中uview组件库的Input 输入框 的使用方法
uniapp中uview组件库的Input 输入框 的使用方法
448 0
|
5月前
|
移动开发 Android开发 iOS开发
uniapp开发H5及app监听返回事件(以及监听不到的处理方法)
uniapp开发H5及app监听返回事件(以及监听不到的处理方法)
237 0
|
3月前
|
小程序
在uniapp中监听globalData中的值变化
在uniapp中监听globalData中的值变化
124 0
|
5月前
|
存储
uniApp监听左右滑动事件
uniApp监听左右滑动事件
110 0
|
7月前
|
小程序
uniapp小程序单页面改变手机电量,头部通知的颜色效果demo(整理)
uniapp小程序单页面改变手机电量,头部通知的颜色效果demo(整理)
|
6月前
|
存储
【 uniapp - 黑马优购 | 搜索框 】如何实现自定义搜索组件、搜索建议、搜索历史
【 uniapp - 黑马优购 | 搜索框 】如何实现自定义搜索组件、搜索建议、搜索历史
355 0
|
3月前
uniapp如何使搜索蓝牙停止
uniapp如何使搜索蓝牙停止
25 0
|
3月前
|
API
uniapp开启蓝牙并判断搜索内容的方法
uniapp开启蓝牙并判断搜索内容的方法
57 0
|
3月前
|
前端开发 API
uniapp中uview组件库的Search 搜索 的用法
uniapp中uview组件库的Search 搜索 的用法
143 0
|
3月前
uniapp音频加进度条加蓝牙ibecon设备搜索
uniapp音频加进度条加蓝牙ibecon设备搜索
31 0

热门文章

最新文章