vue年会砸金蛋抽奖活动代码 - web建站教程手机端

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

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>

标签： vue砸金蛋, 抽奖活动

上面是“vue年会砸金蛋抽奖活动代码”的全面内容，想了解更多关于 vuejs 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_14323.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！