如何使用指令删除 vue 中 elementUI 的 el-table-column？答案

【问题标题】：How to use directive to remove el-table-column of elementUI in vue?如何使用指令删除 vue 中 elementUI 的 el-table-column？
【发布时间】：2020-08-13 09:32:44
【问题描述】：

function install (Vue, options = {}) {
  Vue.directive(options.name || 'auth', {
    async inserted (el, binding, vNode) {
      if (!await checkPermission(binding.value)) {
        el.parentNode && el.parentNode.removeChild(el)
      }
    },
  })
}

<el-table>
      <el-table-column
        v-auth=""code""
        label="label"
        prop="xx"
      >
</el-tabl>

我想使用自定义指令显示/隐藏动态列，但它不起作用，为什么？

【问题讨论】：

标签： javascript vue.js directive element-ui

【解决方案1】：

我也遇到了同样的问题。

我为解决这个问题所做的是使用 v-if 语句和计算属性显示/隐藏列，但如果我们可以使用 Vue 指令实现相同的结果，那就太好了。

希望对你有帮助。

【讨论】：