vue-attachment

An Attachement component for Vue.js

This component provides an simple and out-of-box experience for file attachments.

Installation

yarn add vue-attachment

or

npm i vue-attachment --save

Demo

There is an simple example on the /demo folder. HERE

Usage

Import Globally:

import Vue from 'vue'

import VueAttachment from 'vue-attachment'

Vue.use(VueAttachment)

Import as a Component:

import VueAttachment from 'vue-attachment'


...
{ 
    components: { VueAttachment }
}
...

Example

<template>
    <form @submit.prevent="submit">
        <v-attachment v-model="attachments" endpoint="/upload.php" />
    </form>
</template>
<script>
    export default {
        data() {
            return {
                attachments: [
                    'file.pdf',
                    'image.jpg'
                ]
            }
        }
    },
    methods: {
        submit() {
            ....
        }
    }
</script>

Properties

Name	Type	Required	Default	Info
value	Array	False	[]	List of files imported (v-model when binding is important)
endpoint	String	False	upload.php	Upload Endpoint

Events

Name	Params	Info
success	server message	Triggered after sending file with success
error	server message	Triggered after sending file without success
removed	filename	Triggered when a file is remove
input	attachments	Triggered after a change on attachments files

License

MIT License