mounted中加载的函数为什么在初始化之后就无法调用了？

Question

如题，在mounted中初始化SimpleCalendar通过getSelectedDay()函数获取了一个初值，然后在之后进行按键响应重新获取这个值的时候SimpleCalendar就失效了，为什么呢？怎么解决？【content.vue】methods中 this.date=myCalendar.getSelectedDay()+1;这行代码注释的时候未注释的时候

Answer 1

myCalendar作用域的问题。把myCalendar挂到this上。

还有，写代码要格式化。

export default {

  name:'con',

  data () {

    return {

      selectdate: '',

      myCalendar: null

    }

  },

  mounted () {

    this.$nextTick(()=>{

      this.myCalendar = new SimpleCalendar('#container');

      this.selectdate = this.myCalendar.getSelectedDay()+1;

    })

  },

  methods: {

    select () {

      this.selectdate=this.myCalendar.getSelectedDay()+1;

    }

  }

}