Vue实现自动触发功能

今天在项目中遇到一个问题,就是当页面加载的时候,我希望某个元素通过点击事件添加样式,试了下jQuery的trigger方法,并没有任何效果,于是只能手动添加,先把功能实现,晚上回来的时候,闲着没事做便温故Vue知识点,正好听到视频中老师在讲解关于自定义指令directives属性,于是便试了下

<button @click='toggle' v-trigger>toggle</button> 
directives:{
    trigger:{
     inserted(el,binging){
        el.click()
       //$(el).trigger('click')
      }
   }
}
页面加载的时候,点击事件被执行了!
posted @ 2018-06-20 00:49  你丫才美工  阅读(24036)  评论(0编辑  收藏  举报