let that = this;
[removed] = function(e) {
var keycode = document.all ? event.keyCode : e.which;
if (keycode == 13) {
that.login();// 登录方法名
return false;
以上的代码，在这几天测试发现有一个问题，在登录进系统之后，从首页切换到其他界面，点击
回车
，会导致界面调整到首页！
只在Login界面点击
回车
才执行onkeypress方法，其他的点
回车
均不触发(还不明白为
Vue
3.0全部使用TypeScript进行重写，但是90%的API还是兼容2.x,这里增加了Composition API也就是组合API.
在性能方面有了大幅度的提升，在
Vue
3.0中使用Proxy重写了响应式的代码，并且对编译器做了一定的优化，重写了虚拟DOM,让渲染有了很大的性能提升。
同时官方也提供了一款
vue
项目中遇到点击查询按钮可以查出数据，点击
回车
键也能查出数据，所以就想点击
回车
键时调用查询方法。
示例代码如下：
一、第一步： 给input按钮绑定@keyup.
enter
；如果是要对页面的button添加
enter
键盘
事件
，就不能写在input或者button上，因为获取不到焦点，这时候可以直接写在created或者mounted里，直接绑定在document上。
<div class="btn"> <!--如果是封装过的按钮，不是原生的按钮，需要加上.native才能生效--&
基于element-ui 组件 开发的
vue.js
项目， 实现
回车
键发起搜索，和原生的input 标签使用方法不一样：
el-input 监听键盘按下状态 得用@keyup.
enter
.native,如果是非el-input 组件，可以直接用@keyup.
enter
<el placeholder=搜索 icon=search v-model=input on-icon-click=pchandleIconClick keyup.
enter
.native=search
Enter
Fun> </el>
<input placeholder=搜索
项目中在搜索商品时，在没有搜索按钮的情况下，刚开始是写的当用户输入完成后，input框失去焦点blur
事件
处理，产品提议用户输入后，按
enter
回车
键返回搜索结果。
vue
中失去焦点
事件
写法：@blur
vue
中
enter
回车
键
事件
写法：@keyup.
enter
.native
<el-input v-model="searchName" @keyup.
enter
.native="toSearch()" placeholder="请输入搜索的名称"></el-input>
在
Vue
3 + TypeScript 中，可以通过在模板中使用`@keydown.
enter
`和对应的方法来实现
回车
事件
的绑定。具体实现方式如下：
1. 在模板中添加输入框和绑定方法。
```html
<template>
<input type="text" v-model="inputValue" @keydown.
enter
="handle
Enter
" />
</template>
2. 在组件中定义输入框的值和绑定方法。
```typescript
<script lang="ts">
import { defineComponent, ref } from '
vue
';
export default defineComponent({
setup() {
const inputValue = ref('');
const handle
Enter
= () => {
// 处理
回车
事件
console.log('
Enter
key was pressed');
return {
inputValue,
handle
Enter
,
</script>
在这个示例中，当用户在输入框中按下
回车
键时，`handle
Enter
`方法会被调用，从而触发
回车
事件
。你可以根据实际需求来编写`handle
Enter
`方法中的逻辑。
Vue2.x开发中遇到TypeError: Cannot read properties of undefined (reading ‘length‘)这类错误
weixin_46074615:
关于戴尔等AC9560 160MHZ 网卡驱动出现感叹号，无法正常使用wifi解决办法之一
2301_76934151:
HTML 实现好看的登录注册界面（一)
HTML实现好看的登录注册页面
Redamancity:
