hoc element table
v2.2.0
? table
sur la base de Webpack 5, <el-xxx>
en Vue 3. Atteindre un degré de liberté plus élevé vise à réduire les opérations répétitives et à rendre le développement plus efficace.
Cette bibliothèque de composants peut être utilisée pour l'apprentissage, la référence et le développement secondaire
Démo en direct
npm install @hoc-element/table
# or
pnpm add @hoc-element/table
import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import HocElTable from '@hoc-element/table'
import App from './App.vue'
createApp ( App )
. use ( ElementPlus )
. use ( HocElTable )
. mount ( '#app' )
Les modifications détaillées pour chaque version sont documentées dans les notes de version
JSON
Pagination
est intégrée prop
personnalisés style
de cellule personnalisé directives
personnalisées contraignantes Events
et Methods
de liaison de Table
native element-plus
Header
et Pagination
méthode | illustrer | scène |
---|---|---|
--- | Rendre la valeur clé correspondant au attrs.prop de la cellule | Convient pour afficher directement la valeur de l'accessoire |
rendre | chaîne de rendu | Convient aux scénarios dans lesquels un microtraitement est effectué sur la valeur de prop par défaut. |
renduHTML | Rendre l'élément DOM spécifié | Convient pour afficher l'action, généralement utilisée dans la dernière colonne (actuellement, ne prend en charge que le rendu des boutons électroniques, voir Exemple pour plus de détails) |
composant de rendu | composant de rendu | Convient aux scénarios dans lesquels un contenu complexe doit être affiché dans des cellules, voir Exemple pour plus de détails |
Il s'agit d'un exemple relativement complet, couvrant presque toutes les utilisations de l'API. Le code source est ici : Code.
Voir le référentiel ? hoc-element-table-build