Convert your Vue.js embedded information in to slugs #.\n\nSlugify VueJs.\nOften cords of text messages need to have to become in slug form to explain what the content of a link is. A Vue.js element is offered which offers easy transformation of messages to slugs. Utilizing this element in addition to your v-models you can transform everything created in to a slug.\nLive Demonstration.\nLook at the instance below.\nInstance.\nTo start dealing with the Slugify component make use of the observing demand to mount it.\nnpm set up vue-suglify.\n\nOR.\n\nanecdote add vue-suglify.\nAdd it to your Js report.\nwindow.Vue = call for(' vue').\n\nimport VueSuglify from 'vue-suglify'.\n\nconst application = new Vue( {-String.Split- -\nel: '

app',.parts: VueSuglify.,.data: headline:",.slug:".,.-|-|-|-random-} ).A simple usage is by utilizing title and also style name associates:.

Other choices include:.Disabling the input through passing the handicapped feature as boolean.The separator may change through passing sep characteristic.Create the very first letter to become UpperCase by utilizing lowerCase.Include mistakes associate as boolean and is-danger CSS class will definitely be attached.You may additionally pass an item called add-ons where you change a letter along with one thing of your own. Below are actually 2 instances, one utilizing the add-ons attr for generating a slug utilizing a single character, as well as the sep attr which separates terms correctly.


If you are interested for more or even you possess any type of bugs and pointers, click here. That's it!