如何在路由切换时保持输入框聚焦状态？

可以在Vue中使用路由钩子函数，利用DOM操作来实现。

1.在路由文件中引入钩子函数：

import { afterEnter } from '@/utils/hooks.js'

2.在路由配置中加入需要的函数：

{ path: '/example', name: 'example', component: Example, meta: { keepAlive: true }, beforeEnter: afterEnter //路由进入后执行的函数 }

3.实现钩子函数，使得每次进入路由时都能够重置输入框焦点：

// hooks.js export const afterEnter = (to, from, next) => { // 重置聚焦 let input = document.getElementById('inputId') if (input) { input.focus() } next() }

4.在HTML代码中为需要聚焦的输入框设置id：

<template> <div> <input type="text" id="inputId" placeholder="请输入内容" /> </div> </template>

以上就是在Vue中保持输入框聚焦的解决方法。