Обновить HTML-выбор в материализации динамически - PullRequest
Новая
       9

Обновить HTML-выбор в материализации динамически

0 голосов
/ 09 октября 2018

Я просто заполняю материализованный выбор HTML с помощью vue.js, но он показывает только один элемент.Мой HTML-код: 

<select v-model="selectedBrand" 
        id="cboBrand"
        name="cboBrand">
    <option v-for="b in brandList" :value="b.Id">
       {{ b.Name }}
    </option>
 </select>

Мой код JavaScript: 

mounted : function() {  
var vm = this;
M.AutoInit();
axios.get('MyUrl')
.then( function(response) {
 var data = response.data
 if (data.Status == 'OK') {
    vm.brandList = data.Data;
    console.log(JSON.stringify(vm.brandList));
    var cbo = document.getElementById("cboBrand");
    console.log(cbo);
    M.FormSelect.init(cbo);
  } else {
    M.toast({html: data.Message});
 }
})
.catch(function (error) {
  M.toast({html: error});
});

Объект данных: 

{ 
"message": "", 
"currentAction": "", 
"selectedBrand": 1,
 "brandList": [ 
    { "Id": 1, "Name": "SportsBetting" }, 
    { "Id": 2, "Name": "BetsOnLine" } 
], 
"selectedAction": 1, 
"actionList": [], 
"selectedField": 1, 
"fieldList": [], 
"selectedType": 1, 
"typeList": [], 
"validationRows": [] 
}

Я уверен, что есть данные в brandList, нов выборке отображается только первый элемент массива ...

TIA, Yamil

...