使用vue全屏滚动插件vue-fullpage.js碰到的问题
使用全屏滚动插件vue-fullpage.js碰到的问题今天做一个全屏滚动的简历所碰到的问题,官方的全屏滚动插件是 vue-fullpage.js,结果不小心装成了vue-fullpage,教程也是互相看错,弄了半天才发现不是同一个插件, 两者差了后缀也是差别巨大,写下两者安装和引入的差别,避免后面有人和我一样碰到同一的错误vue-fullpage.jsnpm install --sa...
·
使用全屏滚动插件vue-fullpage.js碰到的问题
今天做一个全屏滚动的简历所碰到的问题,官方的全屏滚动插件是
vue-fullpage.js
,结果不小心装成了vue-fullpage
,教程也是互相看错,弄了半天才发现不是同一个插件, 两者差了后缀也是差别巨大,
写下两者安装和引入的差别,避免后面有人和我一样碰到同一的错误
vue-fullpage.js
npm install --save vue-fullpage.js
在main.js中引入
import VueFullpage from 'vue-fullpage.js'
Vue.use(VueFullpage)
而vue-fullpage是
import 'vue-fullpage/vue-fullpage.css'
import VueFullpage from 'vue-fullpage'
Vue.use(VueFullpage)
看着差别是真不大,但还是挺大不同的,经常弄错
下面是在使用时报错
fullPage: Fullpage.js version 3 has changed its license to GPLv3 and it requires a `licenseKey` option. Read about it here:
这个错误其实没有任何影响,甚至不是错误。如果不想显示的话,他知识需要密钥而已,没有密钥的话就直接去文件中删除掉这句即可
在fullpage.js
文件中查找licenseKey
,删除如下代码
if(!isOK){
showError('error', 'Fullpage.js version 3 has changed its license to GPLv3 and it requires a `licenseKey` option. Read about it here:');
showError('error', 'https://github.com/alvarotrigo/fullPage.js#options.');
}
删除后将下一行的else也删掉,变成如下代码
if(l && l.length < 20){
console.warn('%c This website was made using fullPage.js slider. More info on the following website:', msgStyle);
console.warn('%c https://alvarotrigo.com/fullPage/', msgStyle);
}
更多推荐
已为社区贡献2条内容
所有评论(0)