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>

參考: https://www.cnblogs.com/tw6668/p/9201846.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM