Convert your Vue.js nested data in to slugs #.\n\nSlugify VueJs.\nCommonly strands of content require to be in slug kind to explain what the web content of an URL is. A Vue.js element is actually available which gives quick and easy conversion of text messages to slugs. Using this component in addition to your v-models you may enhance just about anything created into a slug.\nStay Demo.\nHave a look at the example listed below.\nInstance.\nTo begin teaming up with the Slugify element utilize the adhering to demand to mount it.\nnpm mount vue-suglify.\n\nOR.\n\nyarn incorporate vue-suglify.\nInclude it to your Js documents.\nwindow.Vue = demand(' vue').\n\nbring in VueSuglify coming from 'vue-suglify'.\n\nconst app = brand new Vue( {-String.Split- -\nel: '

app',.elements: VueSuglify.,.information: headline:",.slug:".,.-|-|-|-random-} ).A straightforward use is actually by utilizing headline as well as model name connects:.

Various other choices include:.Turning off the input through passing the impaired characteristic as boolean.The separator may change by passing sep attribute.Produce the initial letter to become UpperCase by utilizing lowerCase.Incorporate inaccuracies associate as boolean and is-danger CSS class are going to be actually tacked on.You can likewise pass an object named additions where you substitute a character with one thing of your very own. Below are actually 2 examples, one using the add-ons attr for generating a slug utilizing just one letter, and the sep attr which divides words correctly.


If you are curious for even more or you have any kind of bugs as well as tips, click here. That's it!