vue年会砸金蛋抽奖活动代码

Vue移动端抽奖组件，用于砸金蛋抽奖场景，可自定义奖品、金蛋图片等。下面编程教程网小编给大家简单介绍一下具体实现代码！

vue组件安装

import { createApp } from "vue";
// vue
import { Hiteggs } from "@nutui/nutui-bingo";
// taro
import { Hiteggs } from "@nutui/nutui-bingo-taro";

const app = createApp();
app.use(Hiteggs);

vue基础用法

<template>
  <nutbig-hiteggs :num="9" @click="hit"></nutbig-hiteggs>
</template>
<script>
  export default {
    setup() {
      const hit = () => {
        console.log("中奖啦");
      };
      return {
        hit,
      };
    },
  };
</script>