Vue中如何监听input框的获取焦点和失去焦点事件？

本文共计941个文字，预计阅读时间需要4分钟。

目录

一、背景

二、首先是正宗的监听事件写法

1.HTML代码

2.JS部分

三、为什么上一次监听焦点事件失败了呢？

1.不好的原因

2.新增指令的方法

一、背景

二、正宗的监听事件写法

1. HTML代码 2. JS部分 三、为何上次监听焦点事件失败？ 1. 原因分析 2. 新增指令方法 一、背景 二、正宗监听事件写法 1. HTML代码 2. JS部分 三、为何焦点事件监听失败？ 1. 原因 2. 新增指令方法

目录

• 一、背景
• 二、首先是正宗的监听事件的写法
• 1、html代码
• 2、JS部分
• 三、为什么上次监听焦点事件失败呢
• 1、不好用的原因
• 2、新增指令的方法

一、背景

博主之前在用vue的获取焦点，失去焦点的时候，出现了@blur和@focus无效的情况。当时百思不得其解。