查漏补缺——说说@keyup.enter
2022/6/23 23:22:17
本文主要是介绍查漏补缺——说说@keyup.enter,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
问题
如题所示
答案
vue中输入框事件的使用——@input、@keyup.enter、@change、@blur
相关源码如下:
<div class="header-search"> <i class="iconfont iconsearch" @click.stop="click"></i> <input ref="searchInput" :class="{'show':show}" v-model="searchValue" type="text" @click.stop="" @keyup.enter="search"/> </div>
search(){ // console.log(this.searchValue) this.$router.push({name:'search',params:{words:this.searchValue}}); this.close() }
按照上面的源码,在输入框输入的时候,就调用search这个函数,这个函数的作用应该是将输入框输入的文字和search这个路由重新拼接成一个新的地址(url)
大致做成来的效果是这样的:
这篇关于查漏补缺——说说@keyup.enter的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-15鸿蒙生态设备数量超8亿台
- 2024-05-13TiDB + ES:转转业财系统亿级数据存储优化实践
- 2024-05-09“2024鸿蒙零基础快速实战-仿抖音App开发(ArkTS版)”实战课程已上线
- 2024-05-09聊聊如何通过arthas-tunnel-server来远程管理所有需要arthas监控的应用
- 2024-05-09log4j2这么配就对了
- 2024-05-09nginx修改Content-Type
- 2024-05-09Redis多数据源,看这篇就够了
- 2024-05-09Google Chrome驱动程序 124.0.6367.62(正式版本)去哪下载?
- 2024-05-09有没有大佬知道这种数据应该怎么抓取呀?
- 2024-05-09这种运行结果里的10.100000001,怎么能最快改成10.1?