首先奉上日历墙大全地址:
https://antoniandre.github.io/vue-cal/
其中有非常多款的日历墙任君挑选!而且有详细的使用说明!
那本篇文章就是围绕在使用该地址中日历墙组件所遇到的一些问题。
1.从文章中可以知道,引入这个组件有两种方法:
NPM or <script> tag.
由于一些问题,我的项目并不适合使用第二种方法,所以我选择了第一种,使用命令
npm i --S vue-cal
进行安装。
安装完成之后,我遇到了一个问题,项目重新加载后给了我一个这个提示:
于是我删除依赖、缓存,重新安装,但依旧有这个问题,后来经过一些查找,可能造成这个现象的原因是import的使用会导致less编译的顺序发生变化从而出现问题,具体深入的原因还需要继续探究。
解决办法:
- 1.将less版本降低(可尝试降低到3.0以下),但这个方法需要考虑会不会影响到整个项目。
- 2.开启 JavaScript:
{
loader: "less-loader",
options: {
javascriptEnabled: tr