Vue js 没有发送选择选项值

Posted 2023-02-22

【中文标题】Vue js 没有发送选择选项值

【英文标题】：Vue js didn't send select option value

【发布时间】：2019-03-14 03:15:58

【问题描述】：

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

【参考方案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>

【讨论】：

我说的是多行

不工作..你能把完整的代码发给我吗？我不能使用这条线var data = $skus->toArray() ;

你是怎么得到skus的？来自哪个来源？

我正在从我的@blade 中的控制器获取 skus

我们可以使用 api/ajax 吗？