vue项目引入vue-scrollto

墨蓝 2023-07-01 08:46 20阅读 0赞

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

由于没有安装vue-scrollto，会报出 Can’t resolve 'vue-scrollto’的问题，如下所示：  
![在这里插入图片描述][20200120151100800.png]  
解决方案：  
使用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标签了  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk5NDczMQ_size_16_color_FFFFFF_t_70]

[20200120151100800.png]: https://img-blog.csdnimg.cn/20200120151100800.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk5NDczMQ_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200121093922808.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk5NDczMQ==,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，20人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue项目引入bootstrap

1.安装依赖包： npm install bootstrap --save-dev npm install jquery --save-dev 2.在

分手后的思念是犯贱/ 2023年07月03日 10:54/ 0 赞/ 13 阅读

相关 vue项目引入vue-scrollto

vue-scrollto 官方网址为： https://www.npmjs.com/package/vue-scrollto 由于没有安装vue-scrollto，会报出

墨蓝/ 2023年07月01日 08:46/ 0 赞/ 21 阅读

相关 vue项目引入全局vuex

Vuex 是一个全局的共享数据存储区域，相当于一个数据的仓库，Vuex是为了保存组件之间共享数据而诞生的，如果组件之间有要共享的数据，可以直接挂载到vuex中，而不必通过父子组

爱被打了一巴掌/ 2023年06月29日 13:59/ 0 赞/ 41 阅读

相关 vue项目引入vant

vue项目引入vant npm i vant -S 在使用的page.vue中的直接按需引入 <script> import

叁歲伎倆/ 2022年12月08日 05:44/ 0 赞/ 238 阅读

相关 vue项目引入粒子效果

1.安装particlesJS npm install --save particles.js 2.配置particles.js ① 在components

谁践踏了优雅/ 2022年10月31日 10:51/ 0 赞/ 190 阅读

相关 vue项目中引入echarts

关于如何搭建vue项目，引入vue-router和vuex。请移步 [vue项目中引入vue-router][vue_vue-router] [vue项目中引入vu

àì夳堔傛蜴生んèń/ 2022年09月10日 02:14/ 0 赞/ 378 阅读

相关 vue项目中引入vuex

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5YmN56uv5omO5

今天药忘吃喽~/ 2022年09月09日 15:49/ 0 赞/ 317 阅读

相关 vue项目中引入vue-router

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5YmN56uv5omO5

拼搏现实的明天。/ 2022年09月09日 14:51/ 0 赞/ 347 阅读

相关 vue项目如何引入iconfont

下面以vue项目引入阿里巴巴的iconfont图标为例：一 .去[https://www.iconfont.cn/][https_www.iconfont.cn]注册登陆

旧城等待，/ 2021年11月17日 08:02/ 0 赞/ 511 阅读

相关 vue项目引入Bootstrap

参考网址：[http://www.jianshu.com/p/83ae402dda5b][http_www.jianshu.com_p_83ae402dda5b] <

冷不防/ 2021年06月24日 16:10/ 0 赞/ 600 阅读