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">  // 这是用来实现默认点击并触发第一个菜单
        <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是在循环中手动添加的
      }
    }
  }