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

vue 移动端跳页搜索自动获取焦点最先出现在Python成神之路

版权声明:
作者:倾城
链接:https://www.techfm.club/p/26039.html
来源:TechFM
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>