vanyahuk
@vanyahuk

Как добавить данные в модель vue.js после ajax запроса?

вот код html
<select class="selectpicker" name="car[automodel_id]"  disabled  title="{{Lang::get('nav.car_model')}}">
      <option v-for="models in models" value="@{{model.id}}">@{{model.title}}</option>
</select>


и код vue.js
Vue.http.headers.common['X-CSRF-TOKEN'] = document.querySelector('meta[name="_token"]').getAttribute('content');

new Vue({
    el      : 'nav',
    data    :{
        models  : [],       
    },
    methods :{
     
        brands : function ( e ) {

            this.$http.post(Website.href + 'cars/models/' + e.target.value, function (obj){
                this.models = obj.models;
            });
        }
    }
});

задача состоит в том, чтобы после response вывести данные в селект
  • Вопрос задан
  • 811 просмотров
Решения вопроса 1
@mr_ko
Javascript, Node.js. React.js, Vue.js, Wordpress
Можно вот так:
methods :{    
        brands : function ( e ) {
          var vue = this;
            this.$http.post(Website.href + 'cars/models/' + e.target.value, function (obj){
                vue.models = obj.models;
            });
        }
    }
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Negwereth
@Negwereth
lvivcss.com.ua
1. У вас this будет или undefined или window (зависит от строгости режима), но уж никак не vue экземпляр.
2. Мутировать коллекции во vue лучше операциями с исходным массивом, а не заменой свойства полностью.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы