vue-mg-csv-importer
vue-mg-csv-importer
vue-mg-csv-importer
Installation
npm i vue-mg-csv-importer
Usage
app.js
import CsvImporter from 'vue-mg-csv-importer'
Vue.component('CsvImporter', CsvImporter)
Example:
<template>
<section class="container mt-2">
<div class="form-group form-check">
<input type="checkbox" class="form-check-input" id="header" v-model="checked">
<label class="form-check-label" for="header">ヘッダーあり</label>
</div>
<csv-importer @file-change="data=$event" :file_name.sync="file_name" :is_header="checked"/>
<div>
data: {{data}}
</div>
<div>
filename: {{file_name}}
</div>
</section>
</template>
<script>
import CsvImporter from '../src/vue-mg-csv-importer'
import 'bootstrap/dist/css/bootstrap.min.css'
export default {
data() {
return {
data: [],
file_name: '',
checked: false,
}
},
methods: {
//
},
components: {
CsvImporter,
},
}
</script>
License
MIT