input聚焦失效Autofocus processing was blocked because a document already has a focused element.

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

场景：

因为页面有多个el-input

解决办法：

我是这样做的：

 <el-input

              v-else

              v-model="item.sentence"

              :ref=" 'input'+ item.id "

              placeholder="请输入内容"

              autosize

              @click.native="changeContentData(item)"

              @blur="item.ifInput=false"

              @change="saveChangeSingleContentChecked(item)"

            ></el-input>

    changeContentData(data) {

      console.log('里面输入框被点击了')

      console.log(data)

      console.log(data.sentence)

      let id = 'input' + data.id

      console.log(this.$refs[id])

      this.$refs[id][0].focus()

    },

温馨提示：

这里的

this.$refs[id][0].focus()数组需要选中第0个索引才行

其他办法：

ElementUI的 input 的属性 autofocus(自动获取焦点) 失效_一方湖泊-_element input 自动获取焦点