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 :
{{ en-tête }} ≪/pré> Voici comment j'utilise le mixin dans le fichier de composant :
importer BaseLayout depuis "../layouts/Base/Base.vue"; importer hasPermission depuis "../../../mixins/hasPermissions" ; exporter par défaut { mixins : [hasPermission], ... } ≪/pré> Résultat : [1] : https://i.stack.imgur.com/aVSgJ.png
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
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
computedcomputed: { headers() { const headers = [ // 其他表头定义 ] if(this.hasPermission('update center')) { headers.push({ // actions 表头定义 }) } return headers } }