Vue-small-plugin NPM

vue-small-plugin

Plugin helper for Vue.js for work with base64 source data

Installation

Using yarn

yarn add vue-small-plugin

Using npm

npm i --save vue-small-plugin

Examples

<template>

</template>

<script>
import Vue from 'vue';
import SmallPlugin from 'vue-small-plugin';

Vue.use(SmallPlugin);

export default {
data () {
 return {
   file: {
     data: '' // base64 string
     mime: '' // file mime type
   },
   pdf: '' // base64 string
   xls: '' // url string to source of file
 }
},
computed: {
 getImgSrc () {
   return this.$imgSrcB64(this.file);
 },
 getPdfSrc () {
   return this.$aSrcPDFb64(this.file.data);
 },
},
methods: {
 doSomethingWithDebugInfo(){
   if(this.$debug) console.log('show some debug info...');
 },
 savePdf(){
   this.$savePDFb64(this.pdf, 'the_name_of_pdf.pdf'); // open in new window
 },
 openExls(){
   this.$openFile(this.xls); // open in new window
 }
}
}
</script>

Global Properties

Name	Type	Info
$debug	Boolean	Short hand for Vue debug status var
$imgSrcB64	Function	Convert from Base64 img data to src string for img:src property
$aSrcPDFb64	Function	Convert from Base64 pdf data to src string for a:href property
$savePDFb64	Function	Save PDF file from Base64 data at new Browser window
$openFile	Function	Open any files from url at new window of Browser