Image
Image field show a list of images as a gallery with preview support for thumbnails.
<va-image-field
source="files"
:item="model"
table-name="employeeFiles"
></va-image-field>Mixins
- Field
- Source
- Resource
- Files
| Property | Type | Description |
|---|---|---|
| source | string |
The property of the resource to fetch the value to display. Supports dot display for slot used object. |
| item | null |
Overrides the default element added by VaShow. |
| src | string |
Source property of the image object, link via original file. |
| title | string |
Title attribute of the file object used for title and alt attributes. |
| fileName | string |
Filename property of the image object; shown as link text for files. |
| target | string |
The target value for the connection is external by default. |
| clearable | boolean |
Mainly use for VaFileInput, allows removal of files or images. |
| model | string |
The name of the property sent to the API containing the IDs of the images to be deleted. |
| itemValue | string |
Specifies where the ID value is retrieved to identify images to be deleted. |
| height | string |
Maximum height of the image. |
| lg | string |
Maximum column width for image gallery. |