vuejs объявляет активные свойства внутри компонента для vue router

Я использую vue.js 2 и просто создаю шаблон для своего компонента. Проблема заключается в том, чтобы эти данные работали для компонента. Мне пришлось построить компонент для маршрута. Я переместил весь свой код внутрь функции возврата, но все равно получаю сообщение об ошибке, что свойства не определены, и ищу объявление реактивных свойств. Свойства действительно определены. Может ли кто-нибудь увидеть, что мне не хватает внутри этой функции данных?

const regTemplate = {
            template: '#reg',
            data: function() {     
                return { 
                    title: 'Regulatory',
                    name:'',
                    category:'',
                    date:'',
                    name:''
                }
            },
            methods: {
                initDatas: function () {
                    var myTitle = this.$route.params.year;
                    var  Root= 'http://example.com';
                    var headers = {
                        accept: "application/json;odata=verbose"
                    }
                    var vm = this;
                    var myTitle = this.$route.params.year;
                    $.ajax({
                        url:  Root + "_api/web/lists/getbytitle('" + myTitle + "')/items?&$orderby=Created desc",
                        type: 'Get',
                        headers: headers,
                        success: function (data) {
                            vm.items = data.d.results;
                            console.log(vm.items)
                        }

                    })
                },
            },
            mounted: function () {
                this.initDatas();
                alert("this");
            }
        };
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>


vue.js
person Vzupo    schedule 04.10.2019    source источник
comment
где элементы собственности в ваших данных?   -  person AirNoir    schedule 04.10.2019
comment
Возможный дубликат привязки данных к vue для вызова axios   -  person Phil    schedule 04.10.2019

Ответы (1)


arrow_upward
1
arrow_downward

Вы используете vm.items, поэтому вам нужно определить его в своей функции данных.

Например:

 data: function() {
    return { 
      title: 'Regulatory',
      name:'',
      category:'',
      date:'',
      name:'',
      items: []
    }
  },
person ittus    schedule 04.10.2019