更新时间:2020-09-23 22:24:33
使用 npm 安装:
npm i vue-luck-draw
使用 yarn 安装:
yarn add vue-luck-draw
方式1: 通过 import 引入
找到 main.js 引入插件并 use
import LuckDraw from 'vue-luck-draw' Vue.use(LuckDraw)
然后在组件内使用<LuckyWheel />大转盘组件或<LuckyGrid />九宫格组件
<template> <div> <!-- 大转盘抽奖 --> <LuckyWheel style="width: 200px; height: 200px" ...你的配置 /> <!-- 九宫格抽奖 --> <LuckyGrid style="width: 200px; height: 200px" ...你的配置 /> </div> </template>
方式2: 通过 script 标签引入
从下面的链接里下载一个叫index.umd.min.js的 js 文件, 然后使用 script 标签引入
下载地址:
https://github.com/buuing/vue-luck-draw/tree/master/dist
<div id="app"> <!-- 大转盘抽奖 --> <LuckyWheel style="width: 200px; height: 200px" ...你的配置 /> <!-- 九宫格抽奖 --> <LuckyGrid style="width: 200px; height: 200px" ...你的配置 /> </div> <script src="./vue.min.js"></script> <script src="./index.umd.min.js"></script> <script> new Vue({ el: '#app' }) </script>