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

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
             */ 

        })
    },
}