欧酷网

您的位置:主页>前端>

vue项目引入vue-scrollto

vue-scrollto 官方网址为:
https://www.npmjs.com/package/vue-scrollto

由于没有安装vue-scrollto,会报出 Can’t resolve 'vue-scrollto’的问题,如下所示:
在这里插入图片描述
解决方案:
使用npm安装则如下:
1,安装vue-scrollto

npm install --save vue-scrollto
 

使用yarn则如下:

yarn add vue-scrollto
 

2,写个js文件 scroll-to.js

var Vue = require('vue');
var VueScrollTo = require('vue-scrollto');
 
Vue.use(VueScrollTo)
 
// You can also pass in the default options
Vue.use(VueScrollTo, {
     container: "body",
     duration: 500,
     easing: "ease",
     offset: 0,
     force: true,
     cancelable: true,
     onStart: false,
     onDone: false,
     onCancel: false,
     x: false,
     y: true
 })
 

3,将js文件引入到main.js中,就可以直接使用vue-scrollto标签了
在这里插入图片描述

  • 点赞

  • 收藏

  • 分享

  •    
    • 文章举报

帅燊

 
发布了39 篇原创文章 ·    获赞 4 ·    访问量 1401  

私信

关注

相关文章推荐