首页 > 分享 > vue @click.native.prevent=“handleLogin“ 和 @keyup.enter.native=“handleLogin“

vue @click.native.prevent=“handleLogin“ 和 @keyup.enter.native=“handleLogin“

最新推荐文章于 2023-04-19 10:16:41 发布

代码敲着敲着就睡了 于 2021-04-13 14:26:46 发布

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

一、@click.native.prevent="handleLogin“ 

1.在封装好的组件上使用,所以要加上.native才能click

2.prevent就相当于..event.preventDefault()

所以@click.native.prevent是用来阻止默认行为的 ;

二、@keyup.enter.native="handleLogin"

vue运行为v-on在监听键盘事件时,添加了特殊的键盘修饰符:

<input v-on:keyup.13="submit">

<input v-on:keyup.enter="submit">

<input @keyup.enter="submit">  这三个是一个意思

全部的键盘别名:

.enter

.tab

.delete (捕获 “删除” 和 “退格” 键)

.esc

.space

.up

.down

.left

相关知识

VUE项目编写验证码
快速上手:前后端分离开发(Vue+Element+Spring Boot+MyBatis+MySQL)
三天快速搭建一个属于自己的管理系统,包括前端、后端、部署上线,超级详细的介绍。
vue项目token放在哪里
vue项目(vue
Java前端Vue
从零开始学Vue
vue如何修剪视频
【Vue 快速入门】从零开始搭建 VUE + Element UI后台管理系统框架
vue如何适配移动端

网址: vue @click.native.prevent=“handleLogin“ 和 @keyup.enter.native=“handleLogin“ https://m.huajiangbk.com/newsview1199691.html

所属分类:花卉
上一篇: Android
下一篇: 帮助新生适应新环境 纠正新生存在