大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
由于工作的原因,现在需要实现一个滚动加载(PC端)的效果,之前使用的是vue+element,但是element没有类似的组件,所以去github上找了一个名叫vue-mugen-scroll,使用起来很简单也很方便,所以给大家分享一下如果使用。
创新互联公司自2013年创立以来,先为加格达奇等服务建站,加格达奇等地企业,进行企业商务咨询服务。为加格达奇企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
一、准备工作
首先需要安装一下组件:
npm install --save vue-mugen-scroll
不需要全局引用,在需要的地方引用即可:
import MugenScroll from "vue-mugen-scroll"; export default { components: { MugenScroll } };
二、编码
直接上代码
说明一下,这里最主要的就是
三、效果图
初始效果
滚动后的效果
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持创新互联。