Prenez la table de données v de Vuetify comme exemple pour implémenter la fonction de masquage conditionnel des colonnes

Question

J'ai un tableau avec les colonnes v-data-table et actions et je souhaite afficher cette colonne uniquement si l'utilisateur dispose de certaines autorisations. J'utilise un mixin pour vérifier les autorisations.

J'ai essayé ce qui suit sans succès :

Answer 1

header.actions 是一个用于覆盖 actions 列标题渲染的插槽。如果你不传递它（当条件为 false ), Vuetify rendra la représentation par défaut.

Si vous souhaitez masquer (ne pas afficher) certaines colonnes de manière conditionnelle, définissez l'en-tête de votre tableau comme computed

computed: {
  headers() {
    const headers = [
      // 其他表头定义
    ]
    if(this.hasPermission('update center')) {
      headers.push({
        // actions 表头定义
      })
    }

    return headers
  }
}