vue自定义指令实现自动点击事件
vue实现自动点击事件,刚进入页面即发生点击事件。这里用的是vue的自定义指令directive,具体使用可移步到vue文档。1.若是没有v-for循环,则直接放入directive自定义指令。<template><div class="clickdown" @click="myClick()" v-clickDown>自动点击</div>...
·
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()
}
}
}
}
}
更多推荐
已为社区贡献8条内容
所有评论(0)