https://github.com/ynishi/vuecsv
CSV components for Vue.js
https://github.com/ynishi/vuecsv
Last synced: 7 months ago
JSON representation
CSV components for Vue.js
- Host: GitHub
- URL: https://github.com/ynishi/vuecsv
- Owner: ynishi
- License: mit
- Created: 2018-01-14T08:43:37.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2018-01-21T11:29:15.000Z (almost 8 years ago)
- Last Synced: 2025-05-07T20:08:31.903Z (7 months ago)
- Language: JavaScript
- Size: 229 KB
- Stars: 48
- Watchers: 6
- Forks: 8
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-vue - vuecsv - CSV components for Vue.js ` 📝 3 years ago` (UI Components [🔝](#readme))
- awesome-vue-zh - vuecsv - 来自json的简单CSV下载器,带有选项模态面板组件. (UI组件 / 形成)
- awesome-vue - vuecsv ★29 - A Simple CSV Downloader from json with option modal panel component. (UI Components / Form)
- awesome-vue - vuecsv - A Simple CSV Downloader from json with option modal panel component. (UI Components / Form)
- awesome-vue - vuecsv - A Simple CSV Downloader from json with option modal panel component. (Components & Libraries / UI Components)
README
# vuecsv
[](https://travis-ci.org/ynishi/vuecsv)
* CSV components for Vue.js
## Demo
* see jsfiddle
* https://jsfiddle.net/ynishif/1ztu8x8q/
## Use
* sample is in index.cdn.html
```
npm run build && open dist/index.html
```
* yarn
```
yarn && open dist/index.html
```
* CDN
```
```
## Methods
| name | desc |
|:---|:---|
| convert | convert Json(with/without header) to CSV |
| download | download converted data |
## Properties
| name | desc | default |
|:---|:---|:---|
| title | Button title | Download |
| filename | Downloaded filename | download |
| options | convert and download options(compatible papaparse) | default papaparse |
| header | header string of CSV(string map) | undefined |
| dataJson | contents of CSV(array, compatible papaparse) | undefined |
## Build Setup
``` bash
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report
# run unit tests
npm run unit
# run all tests
npm test
```
For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).
## CONTRIBUTING
* Welcome to contribute!
### Start
* At first, make issue to start discuss, new feature, bug, support, or about any type of activity.
### develop
* fork repository.
* clone repository.
* build as above.
* coding.
* push your repository.
* make pull request with issue No.
## LICENSE
* This code is released under the MIT License, see LICENSE.
* (C)2018 Yutaka Nishimura