vue點擊彈窗自動觸發(fā)點擊事件的解決辦法(模擬場景)
更新時間:2021年05月25日 10:35:25 作者:孫叫獸
本文通過案例場景給大家介紹vue點擊彈窗自動觸發(fā)點擊事件的解決辦法,通過兩種方法給大家分享vue 自動觸發(fā)點擊事件的處理方法,對vue自動觸發(fā)點擊事件相關(guān)知識感興趣的朋友一起看看吧
業(yè)務(wù)場景:使用vue +element ui 的el-dialog,點擊彈窗之后,默認(rèn)加載第一個按鈕的數(shù)據(jù)進行初始化。
div
指令:
// 自動觸發(fā)點擊事件 directives:{ trigger:{ inserted(el,binging){ // console.log("自動觸發(fā)事件") el.click() } } },
PS:下面看下vue 自動觸發(fā)點擊事件
需要,點擊左邊的列表出詳情,但是都需要點擊事件,頁面進來時,默認(rèn)觸發(fā)點擊事件
方法一,vue自定義指令
directives:{ trigger:{ inserted(el, binging){ console.log(el.id) el.id == 'nav0' ? el.click() : null // 只點擊第一個,id是在循環(huán)中手動添加的 // $(el).trigger('click') // 所有都觸發(fā)一次,然后就是最后一個 } } },
用法:
<span class="nav-item" :id="'nav' + index" v-trigger :class="{'active': item.stage == activeId}" @click="navClick(item)" v-for="(item, index) in nav" :key="item.stage">{{item.stage_name}}</span>
以上就是vue點擊彈窗自動觸發(fā)點擊事件的解決辦法(模擬場景)的詳細(xì)內(nèi)容,更多關(guān)于vue自動觸發(fā)點擊事件的資料請關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
vue中選項卡點擊切換且能滑動切換功能的實現(xiàn)代碼
本文通過實例代碼給大家介紹了vue中選項卡點擊切換且能滑動切換功能,代碼簡單易懂,非常不錯,具有一定的參考借鑒價值,需要的朋友參考下2018-11-11ant design中upload組件上傳大文件,顯示進度條進度的實例
這篇文章主要介紹了ant design中upload組件上傳大文件,顯示進度條進度的實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10