lundi 27 novembre 2017

Getting a slug to save in vue

I'm using both vue and laravel and I'm trying to create a product form that creates a slug as you type. I've managed to get the slug to show up as you type but I'm not sure as to how I should save it to my database.

My vue

<template>
    <div class="product-form">
        <form v-on:submit="onSubmit(model)">
            <div class="form-group">
                <label for="title">Title</label>
                <input type="text" id="title" class="form-control" name="title" v-model="model.title">
                <input type="hidden" name="slug" title="slug" :value="slug(model.title)">
                <p></p>
            </div>

            <input type="submit" class="btn btn-default" value="Save"></input>
        </form>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                model: {
                    title: '',
                    slug: '',
                },

            };
        },

        methods: {
             slug() {
                var title = this.model.title;

                var slug_test = title.replace(/\s+/g, '-');
                return slug_test;
            },

            onSubmit: function(model){

                event.preventDefault();

                this.$http.post('/database/articles', model)
            }
        },
    }
</script>



via Chebli Mohamed

Aucun commentaire:

Enregistrer un commentaire