Java教程

查漏补缺——说说@keyup.enter

本文主要是介绍查漏补缺——说说@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）

大致做成来的效果是这样的：

image

这篇关于查漏补缺——说说@keyup.enter的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航