ランダムフローティングMainPage広告

3221 ワード

画像で作った4つの広告をホームページでランダムに放送する.
1.テンプレート部分
<img :src="selectedImage" class="ad" />
2.スクリプトセクション
data() {
  return {
    images: [
      require('../../assets/ad-1.png'),
      require('../../assets/ad-2.png'),
      require('../../assets/ad-3.png'),
      require('../../assets/ad-4.png'),
    ],
    selectedImage: null,
  };
},
created() {
  this.selectedImage = this.randomItem(this.images);
  ...
},