vueスクロール公告効果
2751 ワード
駅長素材から転載
vue.js -
-
{{item.name}}
{{item.city}}
{{item.amount}}
const vm = new Vue({
el: ".vueBox",
data: {
animate: false,
marqueeList: [
{
name: '1 ',
city: ' ',
amount: '10'
},
{
name: '2 ',
city: ' ',
amount: '20'
},
{
name: '3 ',
city: ' ',
amount: '30'
},
{
name: '4 ',
city: ' ',
amount: '40'
}
]
},
created: function () {
setInterval(this.showMarquee, 2000)
},
methods: {
showMarquee: function () {
this.animate = true;
setTimeout(()=>{
this.marqueeList.push(this.marqueeList[0]);
this.marqueeList.shift();
this.animate = false;
},500)},
}
});