vue-input-link-document
Description
An input field to link a document to another from same or different database. Useful for multi-module projects.
Just set a data collection, pick a document from it and have its _id as value.
Install
import vueInputLinkDocument from 'vue-input-link-document'
Vue.use(vueInputLinkDocument)
Use example
<input-document
:collection="clients" // Data collection to display autocomplete
v-model="sale.clientID" // Value to sync
@notfound="$event" // Distaches when search doesnt match anything, but returns what was searched in $event
primaryProp="name" // First prop to display on autocomplete row (you want to set it as something of easily recognization like a name value because this one has no label to set)
secondaryProp="driverLicenseId" // Second prop to display on autocomplete row
secondaryPropLabel="Driver ID" // Label of secondary prop
hashProp="_id" // That prop that will be actually be returned as components value
hashPropLabel="ID Number" // A label for hash prop
datalistID="InputDocumentClients" // Put anything just in order to distingish among other instances
inputClass="mint-field-core" // Class to apply on inner native input
placeholder="Insira um cliente" // Native input placeholder
:required="true" /> // Native required