今天在项目中遇到一个问题,就是当页面加载的时候,我希望某个元素通过点击事件添加样式,试了下jQuery的trigger方法,并没有任何效果,于是只能手动添加,先把功能实现,晚上回来的时候,闲着没事做便温故Vue知识点,正好听到视频中老师在讲解关于自定义指令directives属性,于是便试了下
<button @click='toggle' v-trigger>toggle</button>
directives:{ trigger:{ inserted(el,binging){ el.click() //$(el).trigger('click') } } }
页面加载的时候,点击事件被执行了!