使用纯vue js的轮播

时间:2018-10-20 06:58:15

标签: vue.js vuejs2

我有一个包含对象的数组。每个对象都描述一个社交事件。

const social_events = [

    {name:'Musical show',location:'Colombo'},
    {name:"DJ Party",location:'New york'},
    {name:"Dinner dance",location:"Paris"}
]

我想做的是在div标签中一次一次显示一项社交活动。 当然,这就像轮播期望图像对文本的轮播一样。

我也希望每15秒更改一次文字。

我认为setTimeoutcomputed properties有点问题。 如何获得任何线索?

2 个答案:

答案 0 :(得分:1)

您可以使用计算属性和 setInterval

i
  1. 使用setInterval每15秒计算一个数字i
  2. 计算显示事件。您可以将rm -rf ./node_modules mod 3用作显示事件的索引

答案 1 :(得分:0)

此链接可能会有所帮助 我使用setInterval,您可以将时间更改为15000

https://codepen.io/vibrates09/pen/KGemqQ?&editors=101

const user = await this.userRepository.preload(partialUser);
await this.userRepository.save(user);

return this.userRepository.findOne({
  where: { id: user.id },
  relations: ['role']
});