vue 移动端跳页搜索自动获取焦点
需求:点击搜索框跳转新页面然后自动获取焦点弹起键盘。 遇到的问题: input的autofocus属性在android上可以,在ios上不兼容,ios为了安全起见,禁掉了。
解决方案:
使用子路由做新页面 子页面撑满全屏,看起来是一个新页面,并且具有前后路由跳转的功能。点击父页面的搜索框,跳转子页面的搜索框!!子页面的路由不能使用懒加载的方式 引入,会使自动获取焦点失效。
具体实施部分代码:
// router.js
import { createRouter, createWebHashHistory } from 'vue-router'
import SearchPage from '@/views/Search.vue'
const routes = [
{
path: '/planList',
name: 'PlanList',
component: () => imp
共有 0 条评论