Question

未捕获的 ReferenceError：“xxx”未定义（VUE）

2021-03-19

2599

javascript vue.js

刚接触 Vue，想弄清楚一些事情。我正在使用这个“数据”：

data() {
        return {
            currentPage: 0,
            nextPage: '',
            previousPage: '',
            left: '',
            opacity: '',
            scale: '',
        }
    },

尝试在方法中使用数据变量，如下所示：

methods: {
        isStageOneDone: function () {
            var animating;
            if(animating) return false;
            animating = true;
            this.currentPage;
            console.log("CurrentPage =>", currentPage);
   }
}

但我一直收到此错误：

Uncaught ReferenceError: currentPage is not defined

我遗漏了什么？我查看了 Vue 文档，我觉得它似乎没问题

编辑：是否可能由于 return() 而发生错误？

Answer 1

您必须添加“this”键才能访问定义的内部数据属性。例如：

data(){
return{
  variable:'example'
}
},
methods:{
  
  exampleFunc(){
  
  
  return this.variable;
  }
}

Answer 2

嗨，您应该像下面这样定义您的方法

methods: {
 isStageOneDone(path, data) {
        var animating;
        if(animating) return false;
        animating = true;
        this.currentPage;
        console.log("CurrentPage =>", this.currentPage);
 }
}

让我们尝试一下，我认为它会对您有用