在某些情况下如何防止自定义指令

Question

我已经建立了一个自定义指令，以在单击div时切换div。但是，当条件存在时，我想阻止该指令。有可能吗？

这是我的div和自定义指令

    <div v-toggleblock="{target: '#sidebarToggle, #sidebarToggleRight, .user-dashboard, body'}">
       Show side bar
    </div>

指令代码是：

Vue.directive('toggleblock',{
    bind: function (el, binding, vnode) {
            el.addEventListener('click', (event) => {
                event.preventDefault();
             /*
                 do stuff here
             */ 

        })
    },
}