vue 클릭 창 자동 터치 이벤트 해결 방법(아 날로 그 장면)

업무 장면:vue+element ui 의 el-dialog 를 사용 하여 팝 업 창 을 클릭 한 후 첫 번 째 단추 의 데 이 터 를 기본적으로 불 러 와 초기 화 합 니 다.
 div

 명령:

 //         
  directives:{
        trigger:{
          inserted(el,binging){
            // console.log("      ")
            el.click()
          }
        }
  },

PS:vue 자동 터치 이벤트 아래 보기
필요 합 니 다.왼쪽 목록 을 누 르 면 자세 한 정 보 를 보 여 줍 니 다.하지만 이벤트,페이지 가 들 어 올 때 기본적으로 클릭 이 벤트 를 터치 합 니 다.
방법 1,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 가 자동 으로 클릭 사건 을 촉발 하 는 데 관 한 자 료 는 우리 의 다른 관련 글 을 주목 하 십시오!