Vue實現自動觸發功能
今天在專案中遇到一個問題,就是當頁面載入的時候,我希望某個元素通過點選事件新增樣式,試了下jQuery的trigger方法,並沒有任何效果,於是只能手動新增,先把功能實現,晚上回來的時候,閒著沒事做便溫故Vue知識點,正好聽到視訊中老師在講解關於自定義指令directives屬性,於是便試了下
<button @click='toggle' v-trigger>toggle</button>
directives:{
trigger:{
inserted(el,binging){
el.click()
//$(el).trigger('click')
}
}
}//頁面載入的時候,點選事件被執行了!
相關文章
- 觸發器實現表資料自動更新觸發器
- Vue | 指令實現自動翻譯填充英文名功能Vue
- Vue中實現輸入框的自動補全功能Vue
- 使用FGA實現SELECT觸發器功能觸發器
- 批處理實現自動ftp功能FTP
- TeamCity : 自動觸發 BuildUI
- oracle資料庫自動發郵件實現報警功能Oracle資料庫
- sqlserver 實現資料變動觸發資訊SQLServer
- 飛書Webhook觸發操作指南,實現事件驅動型工作流自動化WebHook事件
- SAP RETAIL 通過自動補貨功能觸發採購申請AI
- SAP MM 公司間STO裡交貨單PGI之後自動觸發內向交貨單功能的實現
- 直播原始碼開發,實現 scroll-view 自動滾動到底部,並控制觸發頻率原始碼View
- 微信小程式如何實現自動退款功能?微信小程式
- SQL語句 實現自動編號功能SQL
- vue + element 實現快速關閉動態tabs功能Vue
- 【Vue】考試功能實現Vue
- Oracle使用觸發器實現ID自增的問題Oracle觸發器
- CRM公海客戶自動分配功能的實現
- 簡單實現安卓app自動更新功能安卓APP
- jquery 實現郵箱輸入自動提示功能jQuery
- 函式計算自動化運維實戰3 -- 事件觸發自動建立快照函式運維事件
- SAP 公司間STO場景中外向交貨單過賬後自動觸發內向交貨單功能的實現
- vue-router 手勢滑動觸發返回Vue
- 函式計算自動化運維實戰2 -- 事件觸發eip自動轉移函式運維事件
- 郵箱輸入實現型別自動提示功能型別
- 基於JQuery實現的文字框自動填充功能jQuery
- C#實現自動發郵件C#
- Vue路由自動注入實踐Vue路由
- mysql繞過行觸發器,實現語句觸發器MySql觸發器
- Laravel 5.5 支援包自動發現(新功能早知道)Laravel
- Jenkins 實現Gitlab事件自動觸發Jenkins構建及釘釘訊息推送JenkinsGitlab事件
- zabbix系列(九)zabbix3.0實現自動觸發zabbix-agent端shell指令碼任務指令碼
- 影片直播app原始碼,vue實現列表自動滾動的方式APP原始碼Vue
- vue實現錄音功能(pc端)Vue
- vue中實現回到頂部功能Vue
- vue 日程表功能如何實現???Vue
- vue實現聊天+圖片表情功能Vue
- SharedPreferences實現記住密碼----自動登入功能密碼