{{ thread.title }}

{{ locked_reason }} ویو جی اس

@mehdints {{ experience | farsi }} تجربه آخرین فعالیت ٢ ماه پیش

من میخواهم یک کامپوننت تکس باکس درست کنم که این کامپوننت تکس باکس از بوت استرپ استفاده کنه و درمواقعی که ولیدیشن اررو داشت بصورت خودکار از کلاس های بوت استرپ استفاده کنه. مشکلی اصلی بنده این است که چطوری میتونم برای یک کامپوننت یک مدل تعریف کنم.

من میخواهم یک همچین کامپوننتی داشته باشم.

<input-component :error="error" name="firstname" v-model="firstname"></input-component>

برای ساخت خود کامپوننت مشکلی ندارم مشکل اصلی من این هست که میخواهم از این کامپوننت خروجی بگیرم و داخل مدل یا دیتا هام بریزم. یعنی value تکس باکس از داخل کامپوننت بگیرم

کدهای کامپوننتم :

<template>
    <div>
        <div :class="['form-group', error ? 'has-error' : 'has-success', 'has-feedback']">
            <label class="control-label col-sm-3" v-text="label"></label>
            <div class="col-sm-9">
                <input type="text" class="form-control" :name="name">
                <span class="glyphicon glyphicon-ok form-control-feedback" aria-hidden="true" v-if="error"></span>
                <span id="inputSuccess3Status" class="sr-only" v-if="error">(success)</span>
            </div>
        </div>
    </div>
</template>

<script>

    export default {
        props: [
            'label',
            'name',
            'error'

        ],
    }
</script>

<style scoped>

</style>