如何使用 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 以根据用户类型在表中添加或删除列。