1. spreadsheet-import
## Install Step 1: ``` npm i spreadsheet-import ``` Step 2: ``` import SpreadsheetImport from 'spreadsheet-import'; ```
spreadsheet-import
Package: spreadsheet-import
Last modified: Wed, 18 May 2022 11:54:45 GMT
Version: 1.1.0
Downloads: 4

Install

npm install spreadsheet-import
yarn add spreadsheet-import

Spreadsheet importer ( Excel, CSV )

Install

Step 1:

npm i spreadsheet-import

Step 2:

import SpreadsheetImport from 'spreadsheet-import';

Description

Component that allows you to import spreadsheet file into web. You can map data by use labels.
Based on Vue!

File Data

Name Age
Rick 64
Morty 13

Example in use

  <SpreadsheetImport v-model="val"  :labels="['name', 'age']" :separators="[',']" />

Output

  data() {
    return {
      val:[
        {
          name: "Rick",
          age: "64"
        },{
          name: "Morty",
          age: "13"
        }
      ],
    };
  }

Props

Name Description Type
labels Assign content to variable Array
separators Separators used in file extension Array
parse If want to parse from JSON Boolean

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin