zoukankan      html  css  js  c++  java
  • el-popover中使用el-input时,el-input的autofocus失效

     如图所示:

      点击添加分组,出现输入分组名称的popover

      需要该popover出现的同时,里面的el-input获取焦点

      尝试一:给el-input添加autofocus属性

      chrome浏览器console面板如下反应:

      Autofocus processing was blocked because a document already has a focused element.

      尝试二:在popover的show event中手动给el-input获取焦点:

      模板中:

      @show="showPopover"
      
      methods中:
      showPopover() {
        this.$nextTick(() => {
          this.$refs.input.focus()  
        })
      }
      
      亲测可行~

  • 相关阅读:
    rsync
    typora 页内跳转
    shell脚本搭建redis集群
    Html
    python json模块
    Appium
    selenium+python
    jmeter+ant+jenkins接口自动化测试框架
    测试小结
    面向对向
  • 原文地址:https://www.cnblogs.com/fcybp/p/13848215.html
Copyright © 2011-2022 走看看