How to use v-model property of vuejs with laravel blade file?

Question

I am using vuejs cdn in my laravel blade file. Now, I want to bind v-model on my html input fields like text and select tag. here is my code how i am trying to use v-model on select tag. This process isn't working for me. thanks in advance

@section('script')
    <script>
        var app = new Vue({
            el: '#purchaseApp',
            data() {
                return {
                   purchase_items:'',
                   supplier:'',
                }
            },
            methods: {

            },
        });
    </script>
@endsection

<div class="widget-content widget-content-area">
    <div class="form-group row">
        <label for="category" class="col-sm-2 col-form-label">Supplier</label>
        <div class="col-sm-10">
            <select name="supplier" v-model="supplier" class="form-control suppliers" >
                <option value="" selected disabled>Select Supplier</option>
                 <option value="shibbir">shibbir</option>
                 <option value="ripon">ripon</option>
            </select>
        </div>
    </div>

v-model is working in input type text fields. But, it doesn't working in select tag. — Shibbir Ahmad, Dec 28 '21 at 05:30
remove the selected attribute from the first option. ``. v-model handles the selected attribute. — zahid hasan emon, Dec 28 '21 at 06:10
Please clarify your specific problem or provide additional details to highlight exactly what you need. As it's currently written, it's hard to tell exactly what you're asking. — Community, Jan 06 '22 at 06:01

score 0 · Answer 1 · edited Jan 09 '22 at 13:28

0

I have got the solution of problem. There I used select-2 plugin. For that reason, v-model wasn't working.

edited Jan 09 '22 at 13:28

E_net4

27,810
13
101
139

answered Jan 09 '22 at 07:05

Shibbir Ahmad

113
5

How to use v-model property of vuejs with laravel blade file?

1 Answers1