Convert your Vue.js embedded data in to slugs #.\n\nSlugify VueJs.\nTypically cords of messages require to be in slug type to explain what the web content of a link is actually. A Vue.js element is actually on call which offers very easy sale of texts to slugs. Using this element in addition to your v-models you may enhance anything created right into a slug.\nStay Demo.\nHave a look at the instance below.\nExample.\nTo start partnering with the Slugify part make use of the following demand to mount it.\nnpm install vue-suglify.\n\nOR.\n\nanecdote include vue-suglify.\nInclude it to your Js file.\nwindow.Vue = demand(' vue').\n\nbring in VueSuglify coming from 'vue-suglify'.\n\nconst app = brand new Vue( {-String.Split- -\nel: '

app',.elements: VueSuglify.,.records: label:",.slug:".,.-|-|-|-random-} ).A straightforward usage is actually by using title and style name attributes:.

Various other choices consist of:.Disabling the input by passing the handicapped feature as boolean.The separator can easily change through passing sep feature.Produce the very first character to be UpperCase by using lowerCase.Add errors associate as boolean as well as is-danger CSS training class are going to be actually tagged on.You may also pass an item called extras where you change a character along with one thing of your very own. Below are 2 instances, one utilizing the additionals attr for producing a slug making use of a single letter, and the sep attr which separates phrases as needed.


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