vue 搜索框回车键触发搜索事件

最新推荐文章于 2024-07-29 01:39:11 发布

楠啊#

最新推荐文章于 2024-07-29 01:39:11 发布

阅读量965

点赞数

本文链接：https://blog.csdn.net/qq_45083936/article/details/123222530

版权

<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()

      }

    }

  },