javascript - 如何删除vue指令中的元素

Question

我想创建一个类似 v-if 的指令，但找不到删除元素的方法 所以我隐藏了这样的元素..

<Button v-check="'aaa'" type="primary">aaa</Button>
<Button v-check="'bbb'" type="primary">bbb</Button>

Vue.directive('check', {
    bind(el, binding, vnode, old) {
        if (binding.value === 'aaa') {
            el.style.display = 'none'
        }
    }
})

我想完全删除该元素 有什么办法可以删除该元素吗？

Answer 1

好的，我有办法

Vue.directive('check', {
  inserted(el, binding, vnode, old) {
    if (binding.value === 'aaa') {
      vnode.elm.parentElement.removeChild(vnode.elm)
    }
  }
})