Convert your Vue.js embedded information right into slugs #.\n\nSlugify VueJs.\nFrequently strings of messages need to be in slug type to illustrate what the web content of an URL is. A Vue.js component is on call which delivers simple sale of text messages to slugs. Utilizing this part in addition to your v-models you can change anything composed into a slug.\nStay Demo.\nTake a look at the instance below.\nInstance.\nTo start working with the Slugify element use the complying with order to install it.\nnpm set up vue-suglify.\n\nOR.\n\nyarn add vue-suglify.\nIncorporate it to your Js report.\nwindow.Vue = need(' vue').\n\nbring in VueSuglify from 'vue-suglify'.\n\nconst app = new Vue( {-String.Split- -\nel: '

app',.components: VueSuglify.,.information: headline:",.slug:".,.-|-|-|-random-} ).A straightforward usage is by utilizing headline as well as style label attributes:.

Other choices feature:.Disabling the input through passing the impaired attribute as boolean.The separator can easily transform through passing sep quality.Make the initial letter to become UpperCase by using lowerCase.Include mistakes connect as boolean and is-danger CSS lesson will definitely be actually adjoined.You can additionally pass an item called additionals where you switch out a character along with one thing of your personal. Below are actually 2 examples, one making use of the additions attr for generating a slug making use of a single letter, as well as the sep attr which divides phrases accordingly.


If you are actually interested for more or you possess any sort of bugs and suggestions, click here. That's it!