首页 > 解决方案 > 尽管有分号,但如何解决分号预期错误?

问题描述

我创建了一个页面,其中包含 4 个动态漂亮的卡片,其中的数据来自 SharePoint 日历。一切正常,然后突然停止工作。错误指向我的 getMonth() 方法中的一行,它返回当前月份的名称。错误显示SCRIPT1004: Expected: ';' 在我的代码中,所有分号都已到位,即使它并不是真正需要的。我正在使用 VUE.js。任何帮助将非常感激。下面是代码:

Vue.component('sp-event-card2', {
      data: function data() {
        return {
          num: 3,
          eventAry: [],
          remainLink: '../Lists/Events/DispForm.aspx?ID=',
          sourceLink: '&source=../Pages/HomePage.aspx'
        };
      },
      created: function created() {
        this.getEvents();
      },
      methods: {
        getEvents: function getEvents() {
          var today = new Date();
        //Want to make sure we show only events that happen today or after
          var endPointUrl = "/_api/web/lists/getbyTitle('Events')/items?$top=3&$orderby=EventDate&$filter=EventDate ge '" + today.toISOString() + "'";
          var that = this;
          axios.get(endPointUrl).then(function (response) {
            that.eventAry = response.data.value;
          });
        },
        stripHtml: function stripHtml(str) {
         // console.log(str);
          var newStr = str.replace(/(<([^>]+)>)/gi, "");
          var extractPartialStr = newStr.substring(0, 100);
          return extractPartialStr + "...";
        },
        convertDate: function(dte){
          return moment(dte).format('l');
        },
        getMonth: function(dte){
            let month = 1 + moment(dte, 'YYYY/MM/DD').month();  //<--- Error is here
            let year = moment(dte, 'YYYY/MM/DD').year(); 
            let monthName = moment(month, 'MM').format('MMM');
            return monthName;
        },
        getDayNum: function(dte){
            let day = moment(dte, 'YYYY/MM/DD').date();
            return day;
        }
      },
      template: '\n<div>\n\t<table style="border-style:solid;width:100%" border="0" cellpadding="0" cellspacing="0">\n<tr>\n     <td id="tdEvent" v-for="event in eventAry" width="31%" height="325px">\n\t{{getMonth(event.EventDate)}}\n{{getDayNum(event.EventDate)}}<hr>\n\t\n\t<a v-bind:href="remainLink + event.Id + sourceLink">{{ event.Title }}</a>\n\t<p>| {{convertDate(event.EventDate)}}</p>\n<p style=font-size:10px;font-weight:bold>{{event.Location}}</p></td>\n</tr>\n</table>\n</div>\n'
    });

我认为这可能是 IE 11 的问题。我只是看着Edge,没有错误。就在IE中。不知道为什么

标签: javascriptvuejs2vue-component

解决方案


推荐阅读