文章/答案/技术大牛

发布

社区首页 >问答首页 >在vue js / nuxt js中随机循环一些元素

问在vue js / nuxt js中随机循环一些元素
EN

Stack Overflow用户

提问于 2021-08-03 03:08:16

回答 1查看 92关注 0票数 1

我按照顺序从循环的instagramPost、reviewPost和tlcPost中获得list元素：

Post1

Instagram Post2

Instagram
Instagram Post3
Review Post1
Post2

Post3>H 113Tlc Post1H 214H 115Tlc Post2H 216H 117Tlc邮政编码3<代码>H 218F 219

但是我想展示一下随机循环这些元素，比如: Instagram Post1

Tlc Pos1

Review Post1

Instagram Post1

Tlc Post2

Review Post2

Instagram Post3

Tlc Pos3

Review Posts3

<script>
export default {
async asyncData({$axios}) {
    const instagram  = await $axios.get("/tlc/instagram");
    const review = await $axios.get("/tlc/review");
    const tlcPost = await $axios.get("/tlc/tlc");
    
    return {
      instagramPost: instagram.data
      reviewPost: review.data
      tlcPost: tlcPost.data
    }
  },
data() {
    return {
      instagramPost: {},
      reviewPost: {},
      tlcPost: {}
    };
}
</script>

javascript

vue.js

nuxt.js

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-08-03 06:43:19

假设这三个数组具有相同的结构，则可以将它们合并为单个数组，然后对其进行洗牌。

<script>
export default {
async asyncData({$axios}) {
    const instagram  = await $axios.get("/tlc/instagram");
    const review = await $axios.get("/tlc/review");
    const tlcPost = await $axios.get("/tlc/tlc");
    
    return {
      posts: [...instagram.data,...review.data,...tlcPost.data].sort(function(a,b){
        return Math.random() * 2-1;
      });
    }
  },
data() {
    return {
      posts: []
    };
}
</script>

然后你可以在这个单一的数组上循环。或者，你可以像这篇文章中提到的那样，用你喜欢的任何方式洗牌。

How to randomize (shuffle) a JavaScript array?

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/68629912

复制

相似问题

问在vue js / nuxt js中随机循环一些元素
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在vue js / nuxt js中随机循环一些元素EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在vue js / nuxt js中随机循环一些元素
EN