只需要分以下几部分就可以实现功能如下:
1.正常描写静态样式后调入接口
2.在data里面自定变量接下来会用到,如果你不是子组件的话props可以忽略
3.第三部重点代码,此时注意最外层DIV一定要给一个高度并且设置溢出隐藏。
最后贴代码:
data属性里面
scroll: -1, //定时器中使用。当表格滚动完了自动从第一条数据开始重复滚动
speed: 100, //定时器执行时间间隔
myInterval: “”, //设置定时器
在mounted里面别忘了开始方法
mounted() {
this.init();
},
清除定时
beforeDestroy() {
clearInterval(this.myInterval);
},
方法
methods:{
init() {
mydemo2.innerHTML = mydemo01.
如何在大屏项目上面自己写一个竖屏滚动轮播效果
最新推荐文章于 2024-09-17 00:06:14 发布
本文介绍了如何在大屏项目上利用Vue和JavaScript创建一个竖屏滚动轮播效果。主要步骤包括设置静态样式、初始化数据变量、在mounted生命周期钩子中启动轮播、在beforeDestroy中清除定时器,以及定义滚动方法和事件处理。关键代码包括在data中定义scroll和speed变量,以及在methods中实现滚动逻辑。
摘要由CSDN通过智能技术生成