在ios端input搜索，@confirm不生效的问题

最新推荐文章于 2023-09-15 19:15:00 发布
最新推荐文章于 2023-09-15 19:15:00 发布
阅读量1.6k 收藏
点赞数
分类专栏： vue.js 文章标签： ios webview linq
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34312604/article/details/122237817
版权

在ios端input搜索，点软键盘右下角的变成搜索，同时搜索成功之后，关闭软键盘

confirm-type

在input 里面添加 confirm-type 为 search，软键盘右下角的变成搜索

<input type="text" confirm-type="search" v-model.trim="query" @confirm="confirm(null)" placeholder="请输入政策关键词">

confirm方法

在执行这个方法的时候加上下面这句话， 就是关闭软键盘

this.$refs['search-input']._blur()

soso杰
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
IOS微信端confirm以及alert去掉网址的实例代码
01-21
在做微信公众号开发时IOS端的微信浏览器打开，触发confirm以及alert时弹出框会有附带当前网址信息，Android端的没有测试，不知道是否有同样的情况。 解决办法如下： “` window.alert = function(name){ var iframe = document.createElement(IFRAME); iframe.style.display=none; iframe.setAttribute(src, 'data:text/plain,'); document.documentElement.appendChild(iframe); windo
uniapp input组件@confirm方法 获取值问题
weixin_48929505的博客
03-09 2058
uniapp input 方法
iOS移动端(H5)alert/confirm提示信息去除网址(URL)
09-01
主要介绍了iOS移动端(H5)alert/confirm提示信息去除网址URL,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
解决layer.confirm选择完之后消息框不消失的问题
12-13
如下所示： layer.confirm('主题库里已存在相同的表', function(){ 。。。。。。。。。。//处理结果 }); 当用户选择完确定之后，消息框不会消失，并且代码会继续执行，会出现代码后需要显示的信息已经出现但是消息框仍然显示在最前面（跳转页面不算） 这是要用layer.closeAll(‘dialog’);这个代码关闭信息框 layer.confirm('主题库里已存在相同的表', function(){ layer.closeAll('dialog'); 。。。。。。。。。。//处理结果 }); 这样消息框在选择完确定后就被关闭了 以上这篇解决layer.co
mpvue 微信小程序input点击键盘完成或搜索按钮 触发confirm事件
豆。的博客
09-12 2609
添加属性confirm-type=“search” 键盘回车键完成变成搜索 添加属性@confirm=“searchClick()” 点击回车键（完成或搜索）时触发confirm事件 小程序官方input介绍网址 //template部分 <input v-model="inputSearch" placeholder="请输入关键词" placeholder-style="c...
记录uniapp的input框的用法
weixin_46032200的博客
05-21 2956
1、@input 实时查询 只要input框中的内容改变，就会触发 <template> <input type="text" v-model="keywords" @input="search" placeholder="请输入关键字搜索" /> </template> <script> export default{ data(){ }, methods:{ search(){ } } } </script> 2、@confi
uni-app单页开发@input 与@confirm 使用 仿淘宝搜索功能
热门推荐
weixin_45923100的博客
06-16 1万+
仿淘宝搜索 这个东西对我来说是有点绕脑。这个我不知道怎么放动图，所以就只能看看静态图片 实现功能： 输入框输入值后回车在，并在本页显示搜索出来的商品内容页面。 当清空输入框时显示回搜索历史页面内容。效果看图： 浏览器返回的东西： 代码： searchNow: function(name) { var that = this; console.log(name) //定义一个变量，回车后返回为true this.showshop = name._process
解决 iphone 下面 input type="search" 弹出虚拟键盘 不能显示 搜索 问题
qq316895454的专栏
12-30 6463
form action="javascript:return true;">                        input name= "seach" type ="search"  placeholder="" id="seach" />             form> 在 input 外面包裹一层form
苹果ios iphone safari浏览器javascript中alert和confirm不生效解决办法
03-26 2712
在iOS Safari中，可能会遇到JavaScript Alert弹窗不起作用的问题。这是由于iOS Safari默认会阻止弹出窗口，包括JavaScript Alert弹窗。1.使用其他弹窗方式替代JavaScript Alert弹窗，例如使用自定义弹窗组件或者使用JavaScript模拟弹窗。
关于input的一些事件和属性
weixin_64103049的博客
12-01 2095
关于input的一些事件和属性
怎么获取使用jquery_confirm的input里面的内容
m0_50217592的博客
06-05 375
jquery_confirm的使用
input 再次获取焦点
一夜枫林
04-09 313
<input type="text" :focus="volume" @blur="focus=false"> this.volume = false; this.$nextTick(() => { this.volume = true; }); uni.hideKeyboard(); uniapp 开发中可用于隐藏键盘
uniapp开发常见移动端IOS兼容性问题
Study123wf的博客
01-07 8137
1: uni-app 页面上下滑动回弹效果关闭 当页面中没有使用scrolll-view,但是有上下+左右滑动的时候，在ios上会出现回弹 解决方式: **给页面路由设置属性:"bounce":"none"** 2:uview的时间格式在ios页面只支持"/“不支持”-" 3:IOS 15 input 的 confirm-type=“search” 时，会自带搜索图标，并且图标会挡住 placeholder 的内容 //IOS 15 input 的 confirm-type="search" 时，会自
mpvue 中input框 回车 触发 confirm事件
weixin_45112513的博客
05-23 2654
mpvue 中input框 回车 触发 confirm事件 在输入框 按下回车后，保存关键字，并放入本地存储 input绑定的confirm事件 <input v-model="keyword" @confirm="saveKeyword" @input="keywordSearch" placeholder="请输入关键字" /> 在data中声明的数据 data(){ ...
关于element ui,el-popconfirm,点击事件不生效,confirm,cancel，@confirm不生效的问题
xdtz_z的博客
02-09 2010
confirm,cancel，点击事件。实际使用是 @onConfirm。开发文档中是 @confirm。@confirm不生效。
【VUE异常】el-popconfirm失效，@confirm事件不生效，点击没有任何反应，刷新页面才能点击
最新发布
No8g攻城狮的博客
09-15 3655
项目中遇到一个奇怪的问题，我使用了 el-popconfirm 组件，项目基于VUE，el-popconfirm 包裹住的按钮，操作列有好几个按钮选项，点击其中任何一处按钮之后，再次打开另外的一个 el-popconfirm 包裹住的按钮点击没有任何的反应，刷新浏览器之后才能点击触发相应的事件。因为我在按钮中使用了 v-if 来进行显示控制，当我在 el-popconfirm 组件上直接使用 v-if=“” 的时候，就会出现这个问题，问题出现在 v-if 与 el-popconfirm 结合。
vue 从入门到入土---复习 组件高级下
每天都要努力学习哦~~
02-01 1227
目录 ref 引用 动态组件 插槽 自定义指令 Table 案例 总结 ref 引用 1. 什么是 ref 引用 ref 用来辅助开发者在不依赖于 jQuery 的情况下，获取 DOM 元素或组件的引用。 每个 vue 的组件实例上，都包含一个 $refs 对象，里面存储着对应的 DOM 元素或组件的引用。默认情况下， 组件的 $refs 指向一个空对象。 2. 使用 ref 引用 DOM 元素 如果想要使用 ref 引用页面上的 DOM 元...
uni小程序的input confirm-type功能
此行必胜，你我顶峰相见
11-11 6604
在小程序开发中总是会遇到各种各样的按钮,比如下面的发送按钮 这个在官方api中是有文档的 confirm-type的一些有效值如下 input组件将 confirm-type属性设为上表中的一个对应的值，在图一红色的地方就会出现对应的说明的按钮值。 比如设为done，那么红框那个按键就会变为‘完成’，其他类似。 案例: <input class="ser-input" v-model="searchTitle" confirm-type="search" bindconfirm="searchPr
vue中@confirm
07-14
在Vue中，`@confirm`是一个自定义事件名称，通常用于触发确认操作。这个事件可以在Vue组件中使用，通过`$emit`方法触发，然后在父组件中监听并执行相应的逻辑。 例如，在一个按钮的点击事件中可以使用`@confirm`来触发确认操作： ```html <template> <button @click="confirmAction">确认</button> </template> <script> export default { methods: { confirmAction() { this.$emit('confirm'); // 触发 @confirm 事件 } } } </script> ``` 在父组件中，可以通过监听`@confirm`事件来执行相应的操作： ```html <template> <div> <ChildComponent @confirm="handleConfirm"></ChildComponent> </div> </template> <script> import ChildComponent from './ChildComponent.vue'; export default { methods: { handleConfirm() { console.log('确认操作执行'); // 执行确认操作的逻辑 } }, components: { ChildComponent } } </script> ``` 这样，当点击子组件中的确认按钮时，将会触发父组件中的`handleConfirm`方法，并执行相应的确认操作逻辑。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值