Convert your Vue.js nested information into slugs #.\n\nSlugify VueJs.\nTypically strands of text messages require to become in slug type to define what the web content of a link is actually. A Vue.js component is readily available which provides simple sale of texts to slugs. Utilizing this component alongside your v-models you can change just about anything written into a slug.\nLive Demonstration.\nTake a look at the instance listed below.\nExample.\nTo begin working with the Slugify component utilize the complying with demand to mount it.\nnpm put up vue-suglify.\n\nOR.\n\nanecdote include vue-suglify.\nAdd it to your Js documents.\nwindow.Vue = need(' vue').\n\nbring in VueSuglify from 'vue-suglify'.\n\nconst application = new Vue( {-String.Split- -\nel: '

app',.elements: VueSuglify.,.data: headline:",.slug:".,.-|-|-|-random-} ).A simple usage is actually by utilizing headline as well as model label connects:.

Other choices consist of:.Disabling the input by passing the disabled feature as boolean.The separator can easily transform through passing sep feature.Produce the first character to become UpperCase by using lowerCase.Add errors credit as boolean and is-danger CSS training class will certainly be attached.You can easily likewise pass an object named additionals where you switch out a letter along with something of your personal. Below are actually 2 instances, one using the additions attr for developing a slug making use of just one letter, as well as the sep attr which divides terms as necessary.


If you are actually curious for additional or you possess any bugs and also suggestions, visit this site. That's it!