写引用了为什么提示指令未解决？

鱼***

HTML页

Document

   [v-cloak]{
      display: none;
   }


               点击显示下拉菜单

                        下拉框内容点击外侧区域可关闭

index页

var app =new Vue({
      el:'#app',
      data:  {
            show:false
   },
   methods:{
            handleClose:function(){
                     this.show=false;
   }
  }
});

clickoutside页

Vue.directive('clickoutside',{
      bind:function(el,binding,vnode){
               function documentHandler (e){
                     if (el.contains(e.target)) {
                                 return false;
                     }
                     if (binding.expression) {
                           binding.value(e);
                     }
   }
      el._vueClickOutside_=documentHandler;
      document.addEventListener('click',documentHandler);
},
      unbind:function(el,binding){
                        document.removeEventListener('click',el._vueClickOutside_);
                           delete el._vueClickOutside_;
      }
});

巧***

全局自定义指令，书写位置需要在vue实例创建之前使用。换句话来讲，Vue.directive(...)部分，你应该写在new Vue 代码之前。

已有账号？

找人解决需求

写引用了为什么提示指令未解决？

全部参与1

热门问答

鱼***

今日需求悬赏

今日问答求助

发布任务需求已有1031167位用户正在使用天盟网服务

新手帮助

平台规则

关于天盟

一键快捷导航

微信公众号

手机客户端