找不到对象Cannot set property 'test' of undefined，匿名函数闭包问题&箭头函数，Vue生命周期执行顺序

最新推荐文章于 2023-12-21 23:30:40 发布

置顶

Angie0418

最新推荐文章于 2023-12-21 23:30:40 发布

阅读量613

点赞数

分类专栏： Vue 前端

本文链接：https://blog.csdn.net/Angie0418/article/details/89360213

版权

在Vue项目中遇到在mounted阶段调用匿名函数报错‘Cannot set property 'test' of undefined’的问题。原因是匿名函数使用了闭包，导致this指向window对象而非Vue组件实例。通过改用箭头函数，可以使this指向定义时的上下文，即VueComponent。文章提到了外部函数在不同生命周期钩子中调用的差异，并提供了理解闭包的相关资料链接。

摘要由CSDN通过智能技术生成

话说回头来看，前面写的太不清楚了，我一直在vue的执行顺序上去寻求解决之道，是走错了路，也不记得之前别的部分的代码是怎样的了。
-----------------------我是一道门，门外是柳暗花明--------------------------------------------------
隔了好长时间来解决这个问题，我调整了文章顺序，因为回忆部分不重要了…

来贴一下我今天的代码：

export default {
    name: "blankFill",
    mounted: function () {
      **this.getEditor();**
    },
    data() {
      return {
        editor:'',
        answerItems: [{}],
        test：‘’，
      }
    },
    watch:{
    },
    props:{
      index:{
        type: Number,
        required:true
      }
    },
    components: {
      answerGroup,
    },
    methods: {
      AddAnswer: function () {
        this.answerItems.push({'': ''});
      },
      getEditor:function () {
        //var Editor = window.wangEditor
        //var E = window.wangEditor;
        this.editor = new E('#toolbar', '#editor');