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