需要,點擊左邊的列表出詳情,但是都需要點擊事件,頁面進來時,默認觸發點擊事件
方法一,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>
