1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > vue自定义指令实现自动点击事件

vue自定义指令实现自动点击事件

时间:2022-06-25 11:11:17

相关推荐

vue自定义指令实现自动点击事件

vue实现自动点击事件,刚进入页面即发生点击事件。

这里用的是vue的可移步到vue文档。自定义指令directive,具体使用

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。