input聚焦失效Autofocus processing was blocked because a document already has a focused element.
input has 失效 Element was already Document 聚焦
2023-09-14 09:04:07 时间
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(自动获取焦点) 失效_一方湖泊-CSDN博客_element input 自动获取焦点
相关文章
- 移动端控制在input里输入的值只能是数字
- ElasticSearch学习笔记(三)logstash安装和logstash-input-jdbc插件
- input 去除默认样式
- 使用JavaScript实现Input输入数据后自动计算并实时显示
- io流函数略解(java_input流)[二]
- SAP UI5里input field live search的实现例子
- input checkbox复选框点击获取当前选中状态jquery
- angular input使用输入框filter格式化日期
- CNN 文本分类模型优化经验——关键点:加卷积层和FC可以提高精度,在FC前加BN可以加快收敛,有时候可以提高精度,FC后加dropout,conv_1d的input维度加大可以提高精度,但是到256会出现OOM。