vue点击弹窗自动触发点击事件的解决办法(模拟场景)

业务场景：使用vue +element ui 的el-dialog，点击弹窗之后，默认加载第一个按钮的数据进行初始化。

 div

 指令：

 // 自动触发点击事件
  directives:{
        trigger:{
          inserted(el,binging){
            // console.log(\"自动触发事件\")
            el.click()
          }
        }
  },

PS：下面看下vue 自动触发点击事件

需要，点击左边的列表出详情，但是都需要点击事件，页面进来时，默认触发点击事件

方法一，vue自定义指令

  directives:{
    trigger:{
     inserted(el, binging){
        console.log(el.id)
        el.id == \'nav0\' ? el.click() : null // 只点击第一个，id是在循环中手动添加的
       // $(el).trigger(\'click\')  // 所有都触发一次,然后就是最后一个
      }
    }
  },

用法：

 <span class=\"nav-item\" :id=\"\'nav\' + index\" v-trigger :class=\"{\'active\': item.stage == activeId}\" @click=\"navClick(item)\" v-for=\"(item, index) in nav\" :key=\"item.stage\">{{item.stage_name}}</span>

以上就是vue点击弹窗自动触发点击事件的解决办法(模拟场景)的详细内容，更多关于vue自动触发点击事件的资料请关注其它相关文章！