Skip to main content

Posts

Showing posts with the label vue

Vue-Multiselect with Search [Vue2, Vue3 and Vuejs]

Installation using NPM command - npm install vue-multiselect --save Installation using via CDN : < script src ="https://unpkg.com/vue-multiselect@2.1.0"></ script > < link rel ="stylesheet" href ="https://unpkg.com/vue-multiselect@2.1.0/dist/vue-multiselect.min.css"> Vue Multiselect Select with Search:- By default searchable is set to true, when searching, vue-multiselect only compares the option labels with the current search query. Custom-label accepts a function with the options object as the first param. It should return a string which is then used to display a custom label. Code Sample:- <!-- Vue component --> < template >     < div >         < label class ="typo__label"> Select with Search </ label >         < multiselect v-model ="value" :options ="options" :custom-label ="nameWithLang" place...

Vue2 & 3 Datatables Component | Pagination, Sorting, and filtering

In this vue2-datatables demo example, I'm using below libraries to achieve Vue2 data tables, 1.       Vue-tables-2 library 2.       Axios promise based library We can do the following things with Vue2 Datatables, 1.       Filter 2.       Sorting 3.       Pagination 4.       Grouping All the data is passed in the following GET parameters, a.       query b.       limit c.       page d.       orderBy e.       ascending f.         byColumn You just need to return a JSON object with two properties, a.       data : array object b.       count : number Table of Contains:- 1.    ...