Convert your Vue.js nested data into slugs #.\n\nSlugify VueJs.\nFrequently cords of texts need to have to become in slug kind to illustrate what the information of a link is actually. A Vue.js element is accessible which delivers simple conversion of content to slugs. Using this part together with your v-models you can completely transform everything written right into a slug.\nReside Demo.\nTake a look at the instance listed below.\nInstance.\nTo start partnering with the Slugify component utilize the adhering to order to mount it.\nnpm put in vue-suglify.\n\nOR.\n\nanecdote incorporate vue-suglify.\nInclude it to your Js report.\nwindow.Vue = demand(' vue').\n\nimport VueSuglify coming from 'vue-suglify'.\n\nconst application = new Vue( {-String.Split- -\nel: '

app',.parts: VueSuglify.,.data: headline:",.slug:".,.-|-|-|-random-} ).An easy usage is actually by using title and also model name connects:.

Other possibilities feature:.Turning off the input through passing the disabled characteristic as boolean.The separator can alter by passing sep quality.Create the 1st letter to become UpperCase by utilizing lowerCase.Add mistakes connect as boolean as well as is-danger CSS lesson will be added.You can additionally pass an object named extras where you replace a character with something of your personal. Below are 2 examples, one making use of the additions attr for producing a slug using only one character, and also the sep attr which divides words correctly.


If you are interested for additional or you possess any bugs and ideas, go here. That's it!