vue實現自動點擊事件,剛進入頁面即發生點擊事件。
這裏用的是vue的自定義指令directive,具體使用可移步到vue文檔。
1.若是沒有v-for循環,則直接放入directive自定義指令。
<template>
<div class="clickdown" @click="myClick()" v-clickDown>自動點擊</div>
</template>
export default {
directives: {
clickDown: {
inserted(el) {
el.click()
}
}
}
}
2.若是有v-for循環,需要自動點擊索引第一個,則需要binding。
<template>
<div class="clickdown" @click="myClick()" v-for="(item,index) in list" :key="index" v-clickDown="index">自動點擊索引第一個</div>
</template>
export default {
directives: {
clickDown: {
inserted(el,binding,index) {
if(binding.value===0){
el.click()
}
}
}
}
}