An open API service indexing awesome lists of open source software.

https://github.com/x-extends/vxe-table-nuxt

Vxe Table module for Nuxt
https://github.com/x-extends/vxe-table-nuxt

Last synced: about 2 months ago
JSON representation

Vxe Table module for Nuxt

Awesome Lists containing this project

README

          

[![github star](https://img.shields.io/github/stars/x-extends/vxe-table-nuxt.svg)](https://github.com/x-extends/vxe-table-nuxt/stargazers)
[![npm version](https://img.shields.io/npm/v/vxe-table-nuxt.svg?style=flat-square)](https://www.npmjs.com/package/vxe-table-nuxt)
[![NodeJS with Webpack](https://github.com/x-extends/vxe-table-nuxt/actions/workflows/webpack.yml/badge.svg)](https://github.com/x-extends/vxe-table-nuxt/actions/workflows/webpack.yml)
[![npm downloads](https://img.shields.io/npm/dt/vxe-table-nuxt.svg?style=flat-square)](https://npm-stat.com/charts.html?package=vxe-table-nuxt)
[![issues](https://img.shields.io/github/issues/x-extends/vxe-table-nuxt.svg)](https://github.com/x-extends/vxe-table-nuxt/issues)
[![issues closed](https://img.shields.io/github/issues-closed/x-extends/vxe-table-nuxt.svg)](https://github.com/x-extends/vxe-table-nuxt/issues?q=is%3Aissue+is%3Aclosed)
[![pull requests](https://img.shields.io/github/issues-pr/x-extends/vxe-table-nuxt.svg)](https://github.com/x-extends/vxe-table-nuxt/pulls)
[![pull requests closed](https://img.shields.io/github/issues-pr-closed/x-extends/vxe-table-nuxt.svg)](https://github.com/x-extends/vxe-table-nuxt/pulls?q=is%3Apr+is%3Aclosed)
[![npm license](https://img.shields.io/github/license/mashape/apistatus.svg)](LICENSE)

# Vxe Table Nuxt

> [Vxe Table](https://vxeui.com) module for [Nuxt](https://nuxt.com)

## Features

- Automatically import components and styles on demand.

## Installation

```bash
npm install vxe-table-nuxt -D
```

## Configuration

```ts
export default defineNuxtConfig({
modules: [
'vxe-table-nuxt',
'vxe-table-nuxt'
],
vxeTableSetting: {
// global: true // 是否全局加载,如果 false 则按需加载
}
})
```

## Usage

```vue











export default {
data() {
return {
tableData: [
{ id: 10001, name: 'Test1', role: 'Develop', sex: 'Man', address: 'Shenzhen' },
{ id: 10002, name: 'Test2', role: 'Test', sex: 'Man', address: 'Guangzhou' },
{ id: 10003, name: 'Test3', role: 'PM', sex: 'Man', address: 'Shanghai' }
]
}
}
}

```

Reference [Nuxt documentation](https://nuxt.com/docs/guide/directory-structure/components) and [playground](./playground/app.vue) use.

## Development

- Run `npm run update i` to install the dependencies.
- Run `npm run run` to start playground in development mode.
- Run `npm run build` to build this project.