vue年会刮刮卡抽奖活动代码 - web建站教程手机端

Vue移动端抽奖组件，用于刮刮卡抽奖场景，支持背景是图片，回调等功能。下面web建站小编给大家简单介绍一下具体实现代码！

vue组件安装

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

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

vue基础用法

<template>
  <nutbig-scratch-card
    content="1000万"
    :coverImg="coverImage"
  ></nutbig-scratch-card>
</template>
<script>
  import { ref, onMounted } from "vue";
  export default {
    setup() {
      const coverImage = ref("图片地址");
	  const opencard = () => {
        console.log("刮开事件完成！");
      };
      return { coverImage };
    },
  };
</script>

标签： vue刮刮卡, 年会抽奖, 抽奖活动

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

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

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