Skip to main content

Posts

Showing posts from April, 2019

Do you think that great leaders are born or made?

No, never!  G ood leaders nurture, support, and lead. Great leaders inspire and motivate. I always try to collaboration and work regularly with all team members, motivated to all one and I always respect their works, I always try to be comfortable with being uncomfortable, inspiring others and so many things to do. 10 Characteristics of a Great Leader:- 1.       Honesty 2.       Inspire Others 3.       Decision-Making Capabilities 4.       Good Communicator 5.       Commitment 6.       Accountability 7.       Delegation 8.       Creativity What kind of leader are you? Do you disagree? Why?

Vue-Multiselect Tagging and Filters | Vue 2 & 3

Install the NPM if you are not installed in your project directory.   npm install vue - multiselect -- save Multi-select Tagging:- You can set the :taggable prop to true to add tagging functionality in a single or multiple selects and selecting this temporary option will emit the @tag event with the current typed search query as the first param. Optional configuration flags :- 1.       tag-placeholder="Add this as new tag" , it is a tag suggestion message 2.       tag-position="bottom" ,   it is tag position   and it will be set to 'top' or 'bottom' and the default tag position is top. An example is details - user-json object:- [     { "name" : "Anil Singh" , "code" : "Ak" },     { "name" : "Reena Singh" , "code" : "RS" },     { "name" : "Aradhya Singh" , "code" : "AS" } ] ...

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...