每次解决一个问题,又会遇到新的问题,最近都是忙着改大屏设计器,加容器组件,眼看着要完成了,突然遇到一个大问题,表单的输入框突然全部无法输入数字和英文,搜了很多类似情况,大多数说是v-model绑定的变量没有初始化,还有的是因为表单绑定了pinia,一一排查后,都不是我的情况。尝试回退代码,问题依旧存在,看来这个问题早就有了,只是一直忙着开发容器组件,没有注意到。正当我一筹莫展的时候,我又尝试在百度里输入“vue页面所有输入框都无法输入内容”,百度AI给出的建议是可能是keydown监听的时候阻止了默认行为,我恍然大悟。
大屏设计器组件可以用键盘上下左右键来控制移动,我发现按上下键的时候,页面会滚动,所以就加了阻止默认行为,这下页面不滚动了,但是导致了输入框无法输入内容这么严重的问题。很多问题解决起来并不难,难的是定位问题。
希望这篇博客对大家有所帮助,毕竟突然无法输入了,还是挺着急的。