vue实现自动触发click事件
使用vue自定义指令实现 1、html <el-menu-item :index="item.id+''" v-for="(item,index) in assitionalProp2" :key="item.id" @click="hideBoth(item.menuPath)" v-trigger //首先设置添加v-trigger :id="'item'+index"> // 这是用来实现默
·
使用vue自定义指令实现
1、html
<el-menu-item
:index="item.id+''"
v-for="(item,index) in assitionalProp2"
:key="item.id"
@click="hideBoth(item.menuPath)"
v-trigger //首先设置添加v-trigger
:id="'item'+index"> // 这是用来实现默认点击并触发第一个菜单
<template slot="title">
<span class="menu-two-font" style="padding: 6px">{{
item.menuName
}}</span>
</template>
</el-menu-item>
2、js(自定义指令)
// 自定义指令
directives:{
trigger:{
inserted(el, binging){
el.id === 'item0' ? el.click() : null // 只点击第一个,id是在循环中手动添加的
}
}
}
更多推荐
已为社区贡献1条内容
所有评论(0)