Uncaught ReferenceError: "xxx" is not defined (VUE)

Question

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

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