hoc element table

@hoc-elemen/tabel

? table berdasarkan Webpack 5, <el-xxx> menjadi Vue 3. Mencapai tingkat kebebasan yang lebih tinggi bertujuan untuk mengurangi operasi berulang dan membuat pengembangan lebih efisien.

Pustaka komponen ini dapat digunakan untuk pembelajaran, referensi, dan pengembangan sekunder

Demo langsung

Versi

• Versi Vue 3.x |. Versi Vue 2.x

Tangkapan layar

Dukungan Lingkungan

• Gambar 3.2.x

Memasang

npm install @hoc-element/table

# or

pnpm add @hoc-element/table

Mulai Cepat

• Silakan instal elemen-plus sebelum digunakan

 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' ) 

log perubahan

Perubahan terperinci untuk setiap rilis didokumentasikan dalam catatan rilis

Fitur

• Dibangun di Webpack 5
• Dukungan penuh untuk Vue 3
• Mendukung konfigurasi cepat tabel serial JSON
• Pagination sudah terpasang
• Mendukung nama kolom prop khusus
• Mendukung rendering konten sel khusus [lihat petunjuk konfigurasi rendering sel]
• Mendukung style sel khusus
• Mendukung directives khusus yang mengikat
• Mendukung Events dan Methods pengikatan Table asli element-plus
• Mendukung tampilan dan kontrol penyembunyian Header dan Pagination

Petunjuk konfigurasi rendering sel

metode	menjelaskan	pemandangan
---	Render nilai kunci yang sesuai dengan attrs.prop sel	Cocok untuk langsung menampilkan nilai prop
memberikan	membuat string	Cocok untuk skenario di mana beberapa pemrosesan mikro dilakukan pada nilai prop default.
renderHTML	Render elemen DOM yang ditentukan	Cocok untuk menampilkan Action, umumnya digunakan pada kolom terakhir (saat ini hanya mendukung rendering tombol el, lihat Contoh untuk detailnya)
renderKomponen	komponen render	Cocok untuk skenario di mana konten kompleks perlu ditampilkan dalam sel, lihat Contoh untuk detailnya

Contoh

Ini adalah contoh yang relatif lengkap, mencakup hampir semua penggunaan API. Kode sumbernya ada di sini: Kode

Menyebarkan

Lihat repositori? hoc-element-table-build