vue-search-paginate-b4

form-builder

publication composant

installation pour build

./develop npm i

build

./develop npm run build

publish to npm

modifier la version dans package.json.

!!etre loggué sur npm

./develop npm publish

tester

instalation

./develop app install

cp .env.dev .env 

démarrage

./develop up app -d

doc

installation

import Search from 'SearchPaginate';

Vue.component('search-paginate',Search);

<search-paginate v-model=mon model"" :options="options"></search-paginate>

les options

####label

default : false
type : string|booleen

####id

default : 'search-paginate'
type : string

####displayedItem

default : 5
type : number

####labelField

-> champ à afficher dans la liste des resultats
-> champ qui sera affiché dans champ de recherche après selection
default : label
type : string|function

ex:
labelField: 'first_name' // retournera le champ first_name de l'élément selectionné
labelField: function(item){ 
       return item.first_name + ' ' + item.name
  }

####withDeleteButton

default : true,
type : booleen

Affichage customisé des listes

<search-paginate :options="options" v-model="test">
    <template v-slot:list-item="{item}">
         <div class="d-flex justify-content-between">
               <div>{{ item.first_name }}</div>
               <div>{{ item.id }}</div>
         </div>
    </template>
</search-paginate>