美文网首页
Vue Elementui 如何让输入框每次自动聚焦

Vue Elementui 如何让输入框每次自动聚焦

作者: litielongxx | 来源:发表于2020-10-19 15:09 被阅读0次

el-input在ref或自定义指定,失效时解决办法。


参考网盘新建文件夹

1原因

1ref失效:饿了么组件自动生成时,会存在外层div,ref查找的为外层所以,失效
2directive指令失效,因为el-input为show切换生产,具体参考其余资料。
https://www.cnblogs.com/hjj2ldq/p/7831972.html

2解决办法(2种)

1直接复制生成后结构,类似...

<div data-v-0320b861="" class="el-input el-input--mini" style="width: 200px;">
<input type="text" autocomplete="off" class="el-input__inner">
</div>

2通过ref下childnode是,一层层指向。

var cell = this.$refs.multipleTable.$el.childNodes[2].firstChild.lastChild
        .firstChild.childNodes[1] // 获取第一行dom元素
      cell.firstChild, cell.firstChild.childNodes[1].firstChild.querySelector('input').focus()

相关文章

  • Vue Elementui 如何让输入框每次自动聚焦

    el-input在ref或自定义指定,失效时解决办法。 1原因 1ref失效:饿了么组件自动生成时,会存在外层di...

  • 使用 React 自动聚焦字段

    自动对焦可以让你的应用程序更方便用户使用,有几种方法可以自动聚焦 React 输入框。 要让输入框自动聚焦,最简单...

  • VUE进阶

    封装自定义vue指令 1. 封装输入框自动聚焦指令 在utils工具包中创建directives.js文件复制自动...

  • Vue输入框自动聚焦

    全局注册 局部注册 使用 注意 必须使用v-if显示隐藏 必须使用 input 标签参考

  • elementUi-vue 常用知识点

    1.elementUI中input输入框限制只能输入数字 2.vue 过滤字典翻译

  • Element el-input 手动触发 focus

    最近项目中在做评论的时候,需要自动滚动到评论框,并且让评论框自动聚焦,这就需要手动触发输入框的 focus 状态。...

  • 40.Vue自定义指令--局部

    Vue指令详解参考 当全局指令和局部指令同名时以局部指令为准 案例(局部指令聚焦输入框): index.vue

  • el-input 数字校验

    项目中使用 Vue + elementUi 搭建后台管理系统,在输入框进行数字校验的时候不知为何官网的方法不起作用...

  • 键盘弹出时Ionic导航栏上移并消失的问题

    当有输入框聚焦时,阻止原生UIScrollView的滚动。(原生上,输出框聚焦时,除了导航栏,其他部门会被自动往上...

  • iView Input组件获得焦点

    需求 点击按钮后自动生成符合用户配置的四则运算题。每次产生题后,自动聚焦在第一个输入框用户在输入完答案,按下回车键...

网友评论

      本文标题:Vue Elementui 如何让输入框每次自动聚焦

      本文链接:https://www.haomeiwen.com/subject/ldwkmktx.html