免费行情网站的推荐理由,微信小程序网站模板,如何编程建设网站自己,北京网站怎么建设前言
最近使用React开发微信H5搜索框自动聚焦功能#xff0c;发现路由跳转页面后无法自动聚焦。尝试了各种方法均不生效…后来发型是异步加载组件问题#xff0c;个人估计是微信浏览器在异步组件加载完成后导致节点失焦。
尝试过的解决方法
input 属性 autofocus —— 不生…前言
最近使用React开发微信H5搜索框自动聚焦功能发现路由跳转页面后无法自动聚焦。尝试了各种方法均不生效…后来发型是异步加载组件问题个人估计是微信浏览器在异步组件加载完成后导致节点失焦。
尝试过的解决方法
input 属性 autofocus —— 不生效ref保存组件处罚 ref.curren.focus() —— 不生效
解决方案
完整查看了路由注册引入组件的方式个人认为是异步加载组件的原因。尝试修改为同步引入组件。yes!成功。具体原因需深入调查先记录以下踩坑
原路由注册方式 (异步无法自动聚焦)
{path: /search,exact: true,component: loadable(() import(./pages/search)),title: 搜索,}修改后路由注册方式(同步完成聚焦)
import SearchPage from ./pages/search
{path: /search?,exact: true,component: SearchPage,title: 搜索}