Не удается прочитать свойство во время монтируемого хука - как настроить?

Question

Я использую хук mounted для загрузки функции с именем .replaceIMG() во время загрузки страницы, но я получаю следующую ошибку в консоли:

Error in mounted hook: "TypeError: Cannot read property 'replaceIMG' of undefined"

Вот мой одиночный файл компонента .vue template:

Сначала я импортировал пакет модуля узла с именем UTIF.js (этот плагин позволяет браузерам отображать файлы TIF в браузере!) Примерно так:

const UTIF = require('utif/UTIF');

Затем в экземпляре Vue у меня есть:

  mounted: function() {
    this.UTIF.replaceIMG();
  }

Раздел <template> содержит следующее:

<div v-for='(image,index) in images' :key='index'>
            <a :href='imageLink + image.Graphic'>
                <img :src='imageLink + image.Graphic'>
            </a>
</div>

Полный код здесь: https://gist.github.com/dosstx/5dbe76220a3126cb84f7ed12c610015c

Разве я не требовал, чтобы пакет был правильно добавлен в шаблон VUE? Спасибо.

Answer 1

Мне пришлось удалить this с

mounted: function() {
    this.UTIF.replaceIMG();
}

до

mounted: function() {
    UTIF.replaceIMG();
}