File

Allows single line file uploads. One or both installations are supported simultaneously. Use VaFileField or VaImageField with this element to show a preview of uploaded files.

Form

<template>
    <v-row no-gutters>
        <v-col sm="3" class="mr-3">
            <va-file-field source="files" :item="model" action-type="download" table-name="employeeFiles"></va-file-field>
        </v-col>
    </v-row>
    <v-row>
        <v-col lg="3" md="4" sm="6">
            <va-file-input source="files" table-name="employeeFiles"></va-file-input>
        </v-col>
    </v-row>
</template>

Mixins

  • Input
  • InputWrapper
  • Source
  • Resource
  • Multiple

Properties

Property Type Description
source string The property of the resource to fetch the value to display. Supports dot display for slot used object.
model string By default source will be the last name sent to the API service for create/update. This support allows you to override this default behavior.
variant string Applies different styles to the component. (outlined, plain, underlined, solo, filled, solo-filled, solo-inverted).
itemValue string Specifies where to retrieve the ID value to identify files to delete (Default: "id").
accept string Adds HTML5 `accept` feature for simple client-side validation.
base64 boolean Enables uploading with base64 encoding.
tableName string Name of the table in the database where global installation files are kept.
download boolean Activates the click and download file option.