vue踩过的坑

1、注释时“//” 后一定要有空格；
否则会报：Expected exception block, space or tab after ‘//’ in comment spaced-comment
2、冒号后面空格，逗号后面空格；
3、注意单引号的使用：
Strings must use single quote，把引号改为单引号就可以了
4、将单引号改为TAB键上面的符号
Unexpected template string expression
例：
修改前

directUrl('/lot/eqpSpotCheck/${this.qcInfo.lotId}');

修改后：

 directUrl(`/lot/eqpSpotCheck/${this.qcInfo.lotId}`);

5、Component template should contain exactly one root element. If you are using
注：只需在上层再加个div标签即可或者将新加标签放在外层标签内

<div class="content">
	<MaterialInOutBasicInfo :lotInfo="lotInfo"/>
</div>

6、 在methods中赋值时如果直接 this.date2 = param[3];
报Use array destructuring prefer-destructuring
修改前：

setChooseValue2(param) {
	this.date2 = param[3];
}

修改后：

setChooseValue2(param) {
	const theDate = param[3];
	this.date2 = theDate;
}

7、Unexpected string concatenation of literals
日期拼接不能使用+号
修改前：

let time = year + '-' + month + '-' + day + ' ' + '0' + ':' + '0';

修改后：

// 不用0拼接
let time = year + '-' + month + '-' + day + ' ' + hour + ':' + minute;
// 若非要带0换个方式
let time = `${year}-${month}-${day} ${0}:${0}`;
// 同样
let time = `${year}-${month}-${day} ${hour}:${minute}`;

8、Unknown custom element: - did you register the component correctly?
如果发现有引人nutui，但是还是报标签问题，那么需要在common中查看对应的js，看是否有引人DatePicker，没有则需引人，具体引人方式参考文件中其他组件引人方式。
9、移动端nut-datepicker时间选择器定位异常
如图：

查看nut-datepicker发现，引用的是picker.scss里的样式

经过多次查找，发现是样式定位异常导致，只需要在全局样式文件重新定义即可：

<style>
    .nut-picker-list .nut-picker-content, .nut-picker-list .nut-picker-roller {
        position: relative;
    }
</style>

10、Use object destructuring prefer-destructuring
定义的变量名重复：

const id = this.qcInfo.id;

更改变量名即可。