Convert your Vue.js embedded data right into slugs #.\n\nSlugify VueJs.\nUsually strands of text messages require to become in slug form to describe what the material of an URL is. A Vue.js element is on call which delivers effortless transformation of messages to slugs. Utilizing this element together with your v-models you can easily enhance just about anything written into a slug.\nReside Demonstration.\nCheck out at the instance below.\nExample.\nTo begin partnering with the Slugify element utilize the complying with order to install it.\nnpm install vue-suglify.\n\nOR.\n\nyarn incorporate vue-suglify.\nAdd it to your Js data.\nwindow.Vue = require(' vue').\n\nbring in VueSuglify from 'vue-suglify'.\n\nconst application = new Vue( {-String.Split- -\nel: '

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

Other choices include:.Disabling the input by passing the disabled feature as boolean.The separator can change through passing sep feature.Produce the 1st letter to be UpperCase by using lowerCase.Include inaccuracies connect as boolean as well as is-danger CSS class will be attached.You can easily additionally pass a things called bonus where you substitute a character along with one thing of your very own. Below are actually 2 instances, one using the additionals attr for creating a slug utilizing just one character, and also the sep attr which splits terms accordingly.


If you are curious for even more or you possess any bugs and recommendations, click here. That's it!