Vue实现自动触发功能

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

<button @click='toggle' v-trigger>togglebutton>
directives:{
     
    trigger:{
     
     inserted(el,binging){
     
        el.click()
       //$(el).trigger('click')
      }
   }
}//页面加载的时候,点击事件被执行了!

你可能感兴趣的:(vue)