L'instruction personnalisée Vue réalise un événement de clic automatique

Vue réalise l'événement de clic automatique, et l'événement de clic se produit juste après être entré dans la page.

La vue utilisée ici peut être déplacée vers le document vue. Directive d'instruction personnalisée, utilisation spécifique

1. S'il n'y a pas de boucle v-for, placez directement l'instruction personnalisée de la directive.

<template>
 
<div class="clickdown" @click="myClick()" v-clickDown>自动点击</div>
 
</template>
 
export default {
 
 directives: {
            clickDown: {
                inserted(el) {
                        el.click()
                }
            }
        }
 
}

2. S'il y a une boucle v-for, vous devez cliquer automatiquement sur le premier index, puis vous avez besoin d'une liaison.

<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()
                    }
                }
            }
        }
 
}