二：不使用组件库的 input

<input type="text" class="address" placeholder="请输入门店名称"  v-focus v-model ="searchName" />
界面中需要有一个聚焦 v-focus，在回车时才好执行keypress
created () {
    let that = this;
    document.onkeypress = function(e) {
      var keycode = document.all ? event.keyCode : e.which;
      if (keycode == 13) {
       that.location();   // 登录方法名
        return false;
注册局部指令，组件中也接受一个directives的选项：vue官网文档
directives: {
    focus: {
      // 指令的定义
      inserted: function (el) {
        el.focus()
复制代码
  
 
   
相关推荐
 
  
        代码与野兽
        Vue.js
      
 
   在Vue中实现回车键切换焦点
 
几乎在所有浏览器中，都具有 Tab 键切换焦点的功能。 但是任性的用户强烈要求一定要有 Enter 键切换焦点的功能。 为了交付上线拿到钱，我们只好再一次毫无原则性的接受了客户的需求。 在上一代人中，大多都有这种操作习惯。习惯把保存称为编辑，习惯用回车替换 Tab。这是受到微软…
 
 7155
 
 
        黎明之前吧
      
 
   VUE模仿百度搜索框，按上下方向键及回车键实现搜索选中效果
 
--- theme: channing-cyan --- ``` 逻辑介绍： 　　1、表单获取焦点时，显示搜索建议框 　　2、输入内容时，请求后台接口，并将返回的数据展示在搜索建议框内 　　3、表单获
 
 882
 
 
        Vue.js
        掘金·日新计划
      
 
   Vue3 如何实现一个全局搜索框
 
Vue3 如何实现一个全局搜索框 开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第1天，点击查看活动详情 前言：自从学习 vue 以来，就对 vue 官网全局的 command 
 
 2.0w
 
 
        随风而逝_风逝
        Vue.js
      
 
   30 道 Vue 面试题，内含详细讲解（涵盖入门到精通，自测 Vue 掌握程度）
 
本文以前端面试官的角度出发，对 Vue 框架中一些重要的特性、框架的原理以问题的形式进行整理汇总，意在帮助作者及读者自测下 Vue 掌握的程度。本文章节结构以从易到难进行组织，建议读者按章节顺序进行阅读，当然大佬级别的请随意。希望读者读完本文，有一定的启发思考，也能对自己的 V…
 
 65.3w
 





    
 
        Vue.js
        JavaScript
      
 
   Vue3指令——搜索框输入防抖实现
 
我正在参加「掘金·启航计划」 大家好，我是 Lvzl, 一个三年工作经验的前端小菜鸡，在掘金平台分享一些 平时学习的感悟 & 实际项目场景 的文章。 前言 「搜索🔍」这个场景在各种业务的系统中都是是非
 
 7803
 
 
        前端鲨鱼哥
        JavaScript
      
 
   最全的 Vue 面试题+详解答案
 
前言 本文整理了高频出现的 Vue 相关面试题并且附带详解答案 难度分为简单 中等 困难 三种类型 大家可以先不看答案自测一下自己的 Vue 水平哈
 
 22.8w
 
 
        Vue.js
        JavaScript
      
 
   vue中Axios的封装和API接口的管理
 
回归正题，我们所要的说的axios的封装和api接口的统一管理，其实主要目的就是在帮助我们简化代码和利于后期的更新维护。 在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的…
 
 25.8w
 
 
        全栈弄潮儿
        Vue.js
      
 
   vue2实现搜索结果中的搜索关键字高亮
 
这篇文章主要为大家介绍了vue实现搜索关键词高亮的详细教程，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪。
 
 8167
 
 
        JavaScript
      
 
   input里按回车键会刷新页面 怎么办
 
本质：触发了form表单的submit事件 1. form里有button，有input输入框 1. form 里无button，但是只有一个input
 
 2084
 





    
 
        Vue.js
      
 
   Vue 3 源码导读
 
5号凌晨，尤雨溪公布了 Vue 3 源代码。 话不多说，我们趁热对 Vue 3 源码进行一些简要的分析。 如果你还没有阅读过 Composition API RFC，可能无法完全看懂下面的内容。 目前打包后的代码是 ES2015+，不支持 IE 11。 目前的代码 98% 以上…
 
 12.0w
 
 
        Vue.js
        JavaScript
      
 
   Vue 开发必须知道的 36 个技巧【近1W字】
 
Vue 3.x 的Pre-Alpha 版本。后面应该还会有 Alpha、Beta 等版本,预计至少要等到 2020 年第一季度才有可能发布 3.0 正式版; 后续 Vue 3.x 出来后持续更新. 3. 14种组件通讯 provide 和 inject 主要为高阶插件/组件库提…
 
 21.1w
 
 
        Vue.js
      
 
   vue3保姆级教程
 
全新vue3小白级保姆教程来了！现在，立刻，马上，学起来！！卷起来！！！让你进入vue3的内心世界！
 
 11.4w
 
 
        Vue.js
      
 
   Vue 实现 Hover 功能（ mouseover  与 mouseenter 的区别）
 
一、mouseover 和 mouseenter 的区别 mouseover：当鼠标移入元素或其子元素都会触发事件，所以有一个重复触发，冒泡过程。对应的移除事件是 mouseout mouseente
 
 1.3w
 
 
        Vue.js
        JavaScript
      
 
   VUE组件汇总
 
内容UI组件开发框架实用库服务端辅助工具应用实例Demo示例UI组件element★13489-饿了么出品的Vue2的webUI工具套件Vux★8133-基于Vue和WeUI的组件库iview★663
 
 6.3w
 
 
        SandySY
        Vue.js
      
 
   Vue3.0 新特性以及使用经验总结
 
Vue3.0 在去年 9 月正式发布了，看大家都有在热情的拥抱 Vue3.0。今年初新项目也开始使用 Vue3.0 来开发，这篇文章就是在使用后的一个总结， 包含 Vue3 新特性的使用以及一些使用经验分享。 使用 Vue2.x 的小伙伴都熟悉，Vue2.x 中所有数据都是定义…
 
 12.4w
 
 
          
 
 
 
 
  
 
友情链接：
 

        js new map 结构
        slide.js下载
        js 自适应报表
        custom alert box in react js
    菜鸟寻出路
       
 
 关注  
私信