原文: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