Vue js 没有发送选择选项值

Question

我可以通过这种方法发送单选选项值，但我不能发送多个选项值。如果我从已安装和内部的 methide 中删除 select2 js，那么它可以正常工作。

我们也可以使用 ajax 检索？

下面是我的代码：

<script>

        var app = new Vue({
            el:'#stock',
            mounted:function(){
                    $( function() {
                        $(".m-select2").select2({
                            width:'100%',
                            placeholder: "Select a value",

                        })
                    } )
            },
            data:{
                ck:false,
                stocks:[
                    {
                        product:'',
                        qty:'',
                        price:''
                    }
                ]
            },
            methods:{
                addStock(){
                    $( function() {
                        $(".m-select2").select2({
                            width:'100%',
                            placeholder: "Select a value",

                        })
                    } ),
                        this.stocks.push({
                            product:'',
                            qty:'',
                            price:''
                        })
                },
                remove(index){
                    this.stocks.splice(index,1)
                }
            }
        })
    </script>

@刀片

 <select v-model="stock.product" class="form-control m-select2" name="sku_id[]" id="">
                                            @foreach($skus as $sku)
                                                <option value="{{$sku->id}}">{{$sku->Product()->name}}</option>
                                            @endforeach
                                        </select>

Answer 1

对于可能的数据源，您可以查看他们的文档：https://select2.org/data-sources/formats

简单的例子是：

var data = {{ $skus }}; $(".m-select2").select2({ width:'100%', placeholder: "Select a value", data: data })

而 html 将是：

<select v-model="stock.product" class="form-control m-select2" name="sku_id[]" id=""></select>