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();
}

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

1 个答案: