vue在按钮上绑定enter键

news/2024/7/10 2:42:22 标签: vue, javascript

在登录按钮中绑定上enter键

话不多说,直接上代码吧~

javascript"> <el-button type="primary" @click="submitForm('loginForm')">登录</el-button>
javascript"> created () {
    let that = this
    document.onkeydown = function (e) {
      e = window.event || e
      // 验证在登录界面和按得键是回车键enter
      if (that.$route.path === '/login' && (e.code === 'Enter' || e.code === 'enter')) { 
      // 登录事件
      that.submitForm('loginForm')
      }
    }
  },

此文章参考了别的up主的代码,但是由于昨天写的了 找不到那个博主来@了(●’◡’●)


http://www.niftyadmin.cn/n/1408607.html

相关文章

Acer Aspire sw5-12安装系统(包含所有资源)|Acer sw系列装系统

如果遇到类似的uefi与bios混合模式的机子也可以参照此方法 ##在bios模式下插入U盘启动盘时boot menu中不显示U盘的解决方法 在uefi机器插入U盘需要做成支持uefi的U盘或将boot模式转成legecy才能识别&#xff0c;而本机器在bios状态下没有legecy选项于是乎我搜索了许多资料终于找…

vue监控网络变化,并随之改变字体颜色

监控网络变化,并随之改变字体颜色 在css中,定义一个没有网络时字体要显示的颜色: .changeColor{color: #5f696e;}home.vue文件的template中: <div class"getCC">尊 敬 的 {{userName}} 用 户&#xff0c; 欢 迎 您 登 录 ~</div>home.vue文件的script中…

Kafka、RabbitMQ、RocketMQ消息中间件的对比 —— 消息发送性能

Kafka、RabbitMQ、RocketMQ消息中间件的对比 —— 消息发送性能 http://jm.taobao.org/2016/04/01/kafka-vs-rabbitmq-vs-rocketmq-message-send-performance/?utm_sourcetuicool&utm_mediumreferral

设计模式【15】| 迭代子模式

就是一个迭代器&#xff0c;用来遍历集合。java 原生代码中的迭代器也是采用这种模式 1.程序设计 出于更深入的了解java迭代器原理&#xff0c;自己写一遍还是有必要的。 程序设计&#xff1a;两个接口&#xff0c;两个实现类。 集合接口&#xff1a;构造集合的存储结构 迭代器…

vue 格式化时间(多种方法)

格式化时间1、moment.js插件的使用2、定义一个时间过滤器3、封装一个time.js文件4、直接转换5、实时显示时间6、10位/13位时间戳转日期七、日期转13位时间戳1、moment.js插件的使用 后端传了一个 2020-11-27T12:01:50.942 00:000 这样的时间过来,结果我发现我之前用的时间过滤…

判断一个变量所有成员变量是否为空,不知道写的对不对,求各位网友帮我找bug

不知道写的对不对&#xff0c;求各位网友帮我找bug /*** 校验入口参数* 变量类型 Byte Short Integer Long 不为空 String 不为空且不为空字符串* 不检查从父类继承过来的成员变量* param entryParam 入参对象* return 参数是否符合要求*/ Override public boolean validateEnt…

前端 vue代理地址设置

代理地址设置打包时设置路径 vue/cli3.0版本 代理地址设置: 在vue.config.js中配置 //webpack-dev-server 相关配置module.exports {devServer: {proxy: {// 登录/account: {target: 前置地址1,secure: false,changeOrigin: true,pathRewrite: { ^/account: }},/api: {targ…

feign调用接口session丢失解决方案

微服务使用feign相互之间调用时&#xff0c;因为feign默认不传输Header&#xff0c;存在session丢失的问题。例如&#xff0c;使用Feign调用某个远程API&#xff0c;这个远程API需要传递一个鉴权信息&#xff0c;我们可以把cookie里面的session信息放到Header里面&#xff0c;这…