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>
相关文章
|
6月前
|
移动开发 小程序 JavaScript
uniapp中uview组件库的Input 输入框 的使用方法
uniapp中uview组件库的Input 输入框 的使用方法
1063 0
|
12月前
|
移动开发 Android开发 iOS开发
uniapp开发H5及app监听返回事件(以及监听不到的处理方法)
uniapp开发H5及app监听返回事件(以及监听不到的处理方法)
633 0
|
6月前
|
小程序
在uniapp中监听globalData中的值变化
在uniapp中监听globalData中的值变化
278 0
|
5月前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的文献搜索系统附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的文献搜索系统附带文章和源代码部署视频讲解等
42 7
基于ssm+vue.js+uniapp小程序的文献搜索系统附带文章和源代码部署视频讲解等
|
4月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的文献搜索系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的文献搜索系统附带文章源码部署视频讲解等
34 0
|
6月前
uniapp App端 解决input@input事件动态修改值不生效的问题
uniapp App端 解决input@input事件动态修改值不生效的问题
367 1
|
6月前
uniapp如何使搜索蓝牙停止
uniapp如何使搜索蓝牙停止
103 0
|
6月前
|
API
uniapp开启蓝牙并判断搜索内容的方法
uniapp开启蓝牙并判断搜索内容的方法
206 0
|
6月前
|
前端开发 API
uniapp中uview组件库的Search 搜索 的用法
uniapp中uview组件库的Search 搜索 的用法
336 0
|
6月前
uniapp音频加进度条加蓝牙ibecon设备搜索
uniapp音频加进度条加蓝牙ibecon设备搜索
61 0