在安装挂钩期间无法读取属性 -- 如何设置？

Question

我在页面加载期间使用 mounted 挂钩加载名为 .replaceIMG() 的函数，但我在控制台中收到以下错误：

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

这是我的单文件组件 .vue 模板：

首先，我导入了一个名为 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();
}

在安装挂钩期间无法读取属性 -- 如何设置？

Cannot read property during Mounted hook -- how to set up?

node-modules

vue.js

vue-cli-3

在安装挂钩期间无法读取 属性 -- 如何设置？

Cannot read property during Mounted hook -- how to set up?

node-modules

vue.js

vue-cli-3

在安装挂钩期间无法读取属性 -- 如何设置？