Convert your Vue.js nested data in to slugs #.\n\nSlugify VueJs.\nOften cords of text messages need to have to become in slug kind to describe what the information of an URL is actually. A Vue.js element is actually readily available which provides simple transformation of texts to slugs. Using this element together with your v-models you can easily transform anything composed right into a slug.\nReside Trial.\nTake a look at the instance listed below.\nExample.\nTo begin working with the Slugify component utilize the observing order to install it.\nnpm mount vue-suglify.\n\nOR.\n\nyarn incorporate vue-suglify.\nIncorporate it to your Js report.\nwindow.Vue = call for(' vue').\n\nimport VueSuglify coming from 'vue-suglify'.\n\nconst application = new Vue( {-String.Split- -\nel: '

app',.elements: VueSuglify.,.data: headline:",.slug:".,.-|-|-|-random-} ).A basic make use of is by utilizing headline as well as style name connects:.

Other possibilities consist of:.Disabling the input by passing the disabled attribute as boolean.The separator can alter through passing sep characteristic.Make the 1st letter to be UpperCase by utilizing lowerCase.Add inaccuracies associate as boolean as well as is-danger CSS lesson will certainly be actually adjoined.You can additionally pass an object named bonus where you replace a character with something of your very own. Below are actually 2 instances, one using the additionals attr for making a slug using only one letter, and the sep attr which splits phrases accordingly.


If you are actually interested for additional or even you possess any type of bugs and recommendations, go here. That's it!