日历Vue.JS问题，在HTML中显示月份

嗨，我想用Vue.JS创建一个日历 我现在遇到的主要问题是，当单击一个按钮时，该按钮被设置为使用一个函数，该函数为一个月分配一个变量，但它不会显示在我的HTML部件上

此外，这个按钮从当前的一个月中减去一个月，在Console.log中，一切都很好。我在将它放入HTML时遇到了问题

如果有更简单的方法，我肯定会把它作为一个选择

感谢所有的帮助

请参阅下面的代码：

---

这可能是因为您在

data

方法中使用了arrow函数。我认为你应该使用一个普通的匿名函数

看看这个：

不要在选项属性或回调上使用箭头函数，例如created:（）=>console.log（this.a）或vm.$watch（'a'，newValue=>this.myMethod（））。由于arrow函数没有this，因此它将被视为任何其他变量，并通过父作用域进行词汇查找，直到找到为止，通常会导致错误，例如Uncaught TypeError:无法读取undefined或Uncaught TypeError的属性：this.myMethod不是函数

---

顺便说一句，您似乎正试图在

数据
方法中达到
本月
。如果这是一个道具，首先你应该给对象添加一个
props
属性，其次，你应该给它一个不同且唯一的名称。
Hi，这与你的问题有关，但请使用
date.tolocalString（'default'，{month:'long'）
而不是那个可怕的开关盒！
  <div class="right">
    <button type="button" class="btn btn-dark" v-on:click="test">
      Previous
    </button>
  </div>
  <div class="middle">
    <h4>{{ this.textMonth }}</h4>
  </div>

  <div class="left">
    <button type="button" class="btn btn-dark">Next</button>
  </div>
</div>




> let CurrentDate = new Date();
export default {
  data: () => {
    return {
      meeting: this.meeting,
      Month: this.Month,
      textMont: this.textMonth
    };
  },

     methods: {
   test() {
      CurrentDate.setMonth(CurrentDate.getMonth() - 1);
      this.Month = CurrentDate.getMonth();
      this.textMonth = date.toLocaleString("default", { month: "long" });

      //console.log(CurrentDate.getMonth());
      console.log(this.Month);
      return this.Month;
    },