input text 无法获取焦点问题

之前在项目中碰到的问题，在某些情况下 input text 点击无法获取焦点。

环境为vue cli3 + mint-ui （其实之前环境也遇到过 ）。

处理方案如下：

1、使用 lable 标签包裹；

2、间隔使用隐藏的 input 标签（某些情况下能解决问题）；

3、直接不填 type 属性或者不写 type 属性。

综上： 由于input 类型默认为 text ，因此直接取出 type 属性为最方便快捷的解决方式。

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 2018-09-30
    简说Vue （组件库） https://github.com/ElemeFE/element" 饿了么出品的VUE...
    Estrus丶阅读 1,810评论 0赞 1
  • 2018-07-31
    基于Vue的一些资料 内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 element★...
    尝了又尝阅读 1,190评论 0赞 1
  • 知识点总结
    响应式布局的理解 响应式开发目的是一套代码可以在多种终端运行,适应不同屏幕的大小,其原理是运用媒体查询,在不同屏幕...
    懒猫_6500阅读 813评论 0赞 0
  • input 输入框总结
    <input> 标签属性 accept - 文件选择 定义accept 属性规定了可通过文件上传提交的服务器接受的...
    小贤笔记阅读 1,035评论 0赞 4
  • Vue2.0+组件库总结
    UI组件 element- 饿了么出品的Vue2的web UI工具套件 Vux- 基于Vue和WeUI的组件库 m...
    35eeabfa0772阅读 3,308评论 7赞 12