vue获取input焦点，弹框后自动获取input焦点

Document点开弹框1点开弹框2
        取 消确 定
    
        取 消确 定
     { // 2. 弹框显示DOM更新完成后 获取refs.ref1 设置焦点
            console.log(this.$refs.ref1)
            this.$refs.ref1.focus() // 设置焦点
          })
        },
        /**
         * 打开第二个弹框 获取焦点
        */
        openTwo() {
          this.dialogVisibleTwo = true
          this.$nextTick(() => {
            this.$refs.refTwo.focus()
          })
        }
      },
      /**
       * 自定义指令 让打开页面先获取焦点
      */
      directives: {
        focus: {
          // 指令的定义
          inserted: function (el) {
            el.focus()
          }
        }
      }
    })" _ue_custom_node_="true">