vue自定义指令directives实现自动点击事件及自动点击第一个按钮

业务场景：点击弹窗默认加载第一个按钮的数据。vue自定义指令directives实现这个需求

目录

 

自动点击所有的按钮。 

自动点击第一个按钮，

---

自动点击所有的按钮。 

                 <ul class="areaList">
				    <li
					  :class="{'active': index==hiddenAreaIndex}"
				      v-for="(item, index) in HiddenCityName"
					   @click="clickHiddenDialog(index, item)"
					 
					   v-trigger
				    >{
  
  {item.name}}</li>
				  </ul>

  // 自动触发点击事件
  directives:{
        trigger:{
		   inserted(el,binding) {
			 
				  el.click()
			  }
		  }
        }
  },

这个有个弊端就是他会把所有的按钮都点击一遍，如果数据量比较大看的