В Microsoft Edge Vue делает ошибку веб-страницы!Это хорошо работает в других браузерах.В чем проблема?

Question

Моя версия vue: 2.1.10

[Предупреждение Vue]:

Ошибка при рендеринге: «Ошибка типа: невозможно получить свойство« Продукт »с неопределенной или нулевой ссылкой»

(находится в корне>

TypeError: невозможно получить свойство 'Product' из неопределенного илипустая ссылка

[Vue warn]:

Свойство или метод "* this *" не определены в экземпляре, но на него ссылаются во время рендеринга. Убедитесь, что это свойствореактивный, либо в опции данных, либо для компонентов на основе классов, путем инициализации свойства. См .: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.

(находится в Root>)

[Vue warn]:

Ошибка в рендеринге: «Ошибка типа: невозможно получить свойство 'order_id' с неопределенной или нулевой ссылкой"

(найдено в Root>)

TypeError: Не удалось получить свойство 'order_id' с неопределенной или нулевой ссылкой

Answer 1

Я столкнулся с подобной проблемой.В моем случае это было связано с тем, что я обращался к объекту внутри встроенного компонента через this.

Пример:

my-details.js

export default Vue.component('myDetails', {
  data() {
   forms: {...},
   countryCodes: {
     1: '7',
     2: '380',
     3: '375',
     4: '77',
     5: '994',
     6: '374',
     7: '995',
     8: '972',
     9: '1',
     10: '1',
     11: '996'
   },
  }
});

index.php

<section class="my-details h-base-type" inline-template is="myDetails">
  ...
  <div v-if="codeValid || countryCodes[this.forms.company.country_id] !== '7'">...</div>
  ...
</section>

После того, как я исправил это, ошибка исчезла

index.php

  ...
  <div v-if="codeValid || countryCodes[forms.company.country_id] !== '7'">...</div>
  ...

Проверьте шаблон документа на this.