Vue自定義屬性實現輸入框相關組件顯示與隱藏

 directives: {
     clickOutside: {/* 指令生命周期 */
         bind(el, binding, vnode) {
             /* 把事件綁定在document上 看節點是否在當前元素內部 */
             let handler = (e) => {
                 /* 判斷是否在div內部 */
                 if (el.contains(e.target)) {
                     if (!vnode.context.isVisible)
                         vnode.context.focus();
                 } else {
                     if (vnode.context.isVisible)
                         vnode.context.blur();
                 }
             }
             el.handler = handler;
             document.addEventListener('click', handler);
         },
         unbind(el) {
             el.removeEventListener('click', el.handler);
         }
     }
 }