как обновить v-selected после вызова api в vuejs2 - PullRequest
Новая
       41

как обновить v-selected после вызова api в vuejs2

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

Я работаю над проектом, где мне нужно сделать select dorpdown с v-selected 

<select data-placeholder="Select Customers..." style="width:350px;" tabindex="4" v-chosen v-model="customer" name="customer_id" id="customer_id">
      <option v-for="customer in allcustomers" v-bind:value="customer.id">
        {% verbatim %}{{ customer.name }}{% endverbatim %}
      </option>
</select>

, по умолчанию это не работает, если я делаю что-то подобное 

Vue.directive('chosen', {
      bind: function (el, binding, vnode, oldVnode) {
        Vue.nextTick(function() {
          $(el).chosen({
            width:'100%'
          }).change(function(e){
            vnode.data.on.change(e, $(el).val())
          });
        });
      }
    });
var app = new Vue({
        el:"#customerOrder",
        data() {
            return {
                customer:'0',
                allcustomers:['A','B','C','D']
            }
        },
})

Но если получить данные из внешнего API, 

 data() {
            return {
                customer:'0',
                allcustomers:[]
            }
        },
        methods: {
            getCustomer(){
                axios
                  .get("{% url 'get_all_customers' %}")
                  .then((response) =>{
                       this.allcustomers = response.data.result;
                       console.log(this.allcustomers)
                  })
            }
        },

выбранный выпадающий список тоже не обновляется.У меня вопрос как обновить v-selected в vuejs2

...