中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

Vue3.0中ElementPlus<input輸入框自動獲取焦點>問題怎么解決

發布時間:2023-04-04 17:17:16 來源:億速云 閱讀:617 作者:iii 欄目:開發技術

這篇文章主要介紹“Vue3.0中ElementPlus<input輸入框自動獲取焦點>問題怎么解決”的相關知識,小編通過實際案例向大家展示操作過程,操作方法簡單快捷,實用性強,希望這篇“Vue3.0中ElementPlus<input輸入框自動獲取焦點>問題怎么解決”文章能幫助大家解決問題。

    一、input-focus事件

    官方文檔介紹:

    Vue3.0中ElementPlus<input輸入框自動獲取焦點>問題怎么解決

    正確使用方式:在el-input標簽上加入ref屬性,然后在需要的地方直接調用方法即可;

    二、使用步驟

    1.給input 設置ref 屬性

    代碼如下(示例):

    <el-input ref="refInput" 
    clearable maxlength="100" 
    placeholder="請輸入審批意見" 
    
    type="textarea" 
    v-model="state.bz"></el-input>

    2.引入ref和nextTick

    代碼如下(示例):

    import { ref,nextTick } from 'vue';
    const refInput =ref()

    3.在dialog打開事件中觸發

    代碼如下(示例):

    	const onOpenSp = (row) => {
    			state.dialogFormVisiblse = true;
    			nextTick(()=>{
    				console.log("進入")
    				refInput.value.focus()
    			})
    		};

    關于“Vue3.0中ElementPlus<input輸入框自動獲取焦點>問題怎么解決”的內容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業相關的知識,可以關注億速云行業資訊頻道,小編每天都會為大家更新不同的知識點。

    向AI問一下細節

    免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

    AI

    客服| 庆阳市| 上高县| 伊川县| 嘉定区| 新乐市| 承德县| 江陵县| 北辰区| 巨野县| 沙田区| 鸡西市| 武鸣县| 正宁县| 临漳县| 永州市| 关岭| 通河县| 七台河市| 织金县| 乌拉特中旗| 曲阜市| 四子王旗| 电白县| 改则县| 潞西市| 九龙县| 琼结县| 栾川县| 阿巴嘎旗| 湟中县| 双流县| 乾安县| 甘泉县| 鲁山县| 广河县| 咸宁市| 龙胜| 永吉县| 蕉岭县| 碌曲县|