前端在四个图片中随机显示一个

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/weixin_38747509/article/details/86543387

<img :src="suprizeImg" class="bgImg"/>
js:
//前端随机四个图片之一显示在分享有惊喜那里
    randomPic() {
      this.tagHash = {
        //金钱
        "1": {
          //随机生成的图片
          suprizeUrl: "./js/assets/tag/jinqianShare.png",
          href: "",
          tag: "金钱"
        },
        //旅行
        "2": {
          suprizeUrl: "./js/assets/tag/lvxingShare.png",
          href: "",
          tag: "旅行"
        },
        //人生
        "3": {
          suprizeUrl: "./js/assets/tag/renshengShare.png",
          href: "",
          tag: "人生"
        },
        //一生
        "4": {
          suprizeUrl: "./js/assets/tag/renshengShare.png",
          href: "",
          tag: "一生"
        }
      };
      let randomKeys = ["1", "2", "3", "4"];
      let index = Math.floor(Math.random() * 4);
      this.suprizeImg = this.tagHash[randomKeys[index]].suprizeUrl;
      
    },