vue.js - 如何使用 vue-tables-2 隐藏列 - Vuejs -

Question

我真的用尽了谷歌所有可能的结果，但仍然找不到答案。如果有的话。我需要做一件简单的事情：使用 Vuejs 和 Vue-tables-2 ( https://www.npmjs.com/package/vue-tables-2 )，我需要隐藏一列，具体取决于用户是否是管理员当然，在加载表格之前是否。

我尝试了不同的方法，但没有成功。我认为最接近的是使用计算属性，但没有成功。

我不会复制代码，因为它真的没有必要，我所做的一切都没有奏效，我又开始了。

如果有人可以帮助我，我真的很感激。

谢谢

Answer 1

从文档页面看来，您可以通过数组控制表中存在的列：

 data: {
        columns: ['id', 'name', 'age'],
        tableData: [
            { id: 1, name: "John", age: "20" },
            { id: 2, name: "Jane", age: "24" },
            { id: 3, name: "Susan", age: "16" },
            { id: 4, name: "Chris", age: "55" },
            { id: 5, name: "Dan", age: "40" }
        ]
    };

因此，在加载页面时，您可以columns根据用户类型修改数组以从表中添加或删除列。