原文:Vue 中如何让 input 聚焦?

在做项目时,有时我们需要让input聚焦,为了让用户更好的使用。 让 input 聚焦 所有的浏览器都有一个内置的方法,让 input 聚焦。首先,我们需要获取元素。 在原生js中,我们可以使用下面方式来获取元素: vue提供了一个更好的方法: 获取元素后,我们就可以让input聚焦了 如果使用的是自定义组件,则 ref获取是该组件,而不是我们基础元素。 因此,如果尝试让该组件聚焦,就会报错。要获 ...

2020-10-16 14:46 0 1043 推荐指数:

查看详情

Vue 回顾之指令(关于input自动聚焦的问题)

用了Vue也一年多了,虽然对大部分内容都比较熟悉,但有些用法可能会起到意想不到的作用。 今天在做一个关于抽奖的需求,要求是每次点击编辑按钮显示编辑框,要求自动聚焦。 一开始想到了autofocus属性,结果发现每次只有刷新页面的第一次会生效,之后无论怎么点击都不能自动聚焦,于是网上查 ...

Fri Jan 04 02:09:00 CST 2019 0 3940
reactinput自动聚焦问题

input自动聚焦问题 在react可以使用refs解决这个问题,首先看一下refs的使用场景: (1)处理焦点、文本选择或媒体控制。 (2)触发强制动画。 (3)集成第三方 DOM 库。 使用refs解决input聚焦的问题有两种应用场景: 1、组件内部: 在input内部定义 ...

Fri May 11 01:48:00 CST 2018 0 6300
vue.js 第一个input自动聚焦

<script> document.getElementById("mobile").focus(); var vm = new Vue({ el:"#app", data:{ msgmobile: '' }, methods:{ changemobile:function ...

Mon Apr 08 23:53:00 CST 2019 0 1143
vue input聚焦时,滚动至可视区域

这里的代码来自vux,觉得vux处理得很好,在此记录一下。当我们在手机上填表单的时候,我们会希望正在填的input或者textarea会自动滚动至可视区域,方便我们边填写边查看内容。以前我的做法是,获取元素,然后手动设置它距离顶部的高度,这种方法可行,但显得麻烦而笨重。查看了一下vux的源码 ...

Thu Dec 05 18:27:00 CST 2019 0 425
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM