如何将 vuejs 的 v-model 属性与 laravel 刀片文件一起使用？答案

【问题标题】：How to use v-model property of vuejs with laravel blade file?如何将 vuejs 的 v-model 属性与 laravel 刀片文件一起使用？
【发布时间】：2022-01-26 20:37:43
【问题描述】：

我在我的 laravel 刀片文件中使用 vuejs cdn。现在，我想在我的 html 输入字段（如文本和选择标签）上绑定 v-model。这是我如何尝试在选择标签上使用 v-model 的代码。这个过程对我不起作用。提前致谢

@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 正在输入类型的文本字段中工作。但是，它在选择标签中不起作用。
从第一个选项中删除选定的属性。 <option value="" disabled>Select Supplier</option>。 v-model 处理选中的属性。
请澄清您的具体问题或提供其他详细信息以准确突出您的需求。正如目前所写的那样，很难准确地说出你在问什么。

标签： laravel vuejs2 laravel-8 laravel-blade v-model

【解决方案1】：

我已经找到了问题的解决方案。在那里我使用了 select-2 插件。因此，v-model 不起作用。

【讨论】：