vue點擊彈窗自動觸發點擊事件的解決辦法(模擬場景)
業務場景:使用vue +element ui 的el-dialog,點擊彈窗之後,默認加載第一個按鈕的數據進行初始化。
div
指令:
// 自動觸發點擊事件 directives:{ trigger:{ inserted(el,binging){ // console.log("自動觸發事件") el.click() } } },
PS:下面看下vue 自動觸發點擊事件
需要,點擊左邊的列表出詳情,但是都需要點擊事件,頁面進來時,默認觸發點擊事件
方法一,vue自定義指令
directives:{ trigger:{ inserted(el, binging){ console.log(el.id) el.id == 'nav0' ? el.click() : null // 隻點擊第一個,id是在循環中手動添加的 // $(el).trigger('click') // 所有都觸發一次,然後就是最後一個 } } },
用法:
<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點擊彈窗自動觸發點擊事件的解決辦法(模擬場景)的詳細內容,更多關於vue自動觸發點擊事件的資料請關註WalkonNet其它相關文章!
推薦閱讀:
- Vue.js自定義指令的基本使用詳情
- vue 動態添加el-input的實現邏輯
- vue單選按鈕,選中如何改變其當前按鈕顏色
- vue+elementui 實現新增和修改共用一個彈框的完整代碼
- 使用ElementUI循環生成的Form表單添加校驗