Question

我可以通过这种方法发送单个选择选项值，但是我不能发送多个选择值。如果我从已安装的和内部的甲基化物中删除了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>

@blade

 <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>

Vue JS未发送选择选项值

1 个答案: