Question

我在下面遇到这个问题，我可以从数据库获取数据并在控制台中读取它们，但是当我尝试进行下拉选择时，我没有得到哪里出错。这是代码

     loadProducts: function(data){
    this.$http.get('/pro_id')
    .then(function(response){
         this.form.list = response.data
        console.log(this.form.list)
    }).catch(error => console.log(error))
}db

我的控制台中有

[{"id":15,"pro_name":"Ch\u00e1 de Cavalinha"},{"id":14,"pro_name":"Agrimonia Eupatoria"},{"id":13,"pro_name":"Ch\u00e1 de Mulungu - Erythrina velutina"},{"id":12,"pro_name":"hidroxido de Aluminio"},{"id":11,"pro_name":"Amox"},{"id":10,"pro_name":"azitrimizina"},{"id":9,"pro_name":"camomila"},{"id":8,"pro_name":"Paracetamol"},{"id":7,"pro_name":"Colgate"},{"id":6,"pro_name":"mebendazol"},{"id":5,"pro_name":"fluegen"},{"id":4,"pro_name":"coldaFlu"},{"id":3,"pro_name":"Amoxicilina md5"},{"id":2,"pro_name":"para rapidos"},{"id":1,"pro_name":"Paracetamol"}]

但是当我尝试在我的视图中阅读它们时，会带来空白字段

<select name="pro_stock_id" v-model="product.pro_stock_id" class="form-control select" v-if="form.list"  >

                    <option v-for="listar in form.list" :value="listar.id">@{{ listar.pro_name}}</option>
               </select>

我没有使用组件，因为我从laravel插件adminLte中的预定义模板开始了这个项目

Answer 1

您在 select v-model = product.pro_stock_id 中的product.pro_stock_id是否与您从结果中获得的ID相同，如果不同，您将无法获得选择值，因为它与选项。

使用Vue JS 1从laravel下拉选择数据

1 个答案: