我们利用  Vue.js 的自定义指令能力，来实现一个自定义下拉菜单功能。描述如下：

创新互联公司是一家专业提供港北企业网站建设,专注与成都网站建设、做网站、成都h5网站建设、小程序制作等业务。10年已为港北众多企业、政府机构等服务。创新互联专业网站设计公司优惠进行中。

1. 点击按钮，弹出下拉菜单。
2. 点击下拉菜单之外的区域，关闭下拉菜单。

1基础版

html：

  
  
  



  

    

      点击
      

        
零售新物种：药店和便利店合体之后
      
    
  

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

标题名称：浅谈Vue.js中如何实现自定义下拉菜单指令-创新互联
网页网址：http://ncjierui.cn/article/doiogj.html