插件描述：一个基于vue的抽奖插件 可自由化配置奖品 文字 图片
更新时间：2020-10-13 23:46:17
安装
使用 npm 安装：
1 | npm i vue-luck-draw |
使用 yarn 安装：
1 | yarn add vue-luck-draw |
使用
#方式1: 通过 import 引入
找到 main.js 引入插件并 use
1 2 | import LuckDraw from 'vue-luck-draw'Vue.use(LuckDraw) |
然后在组件内使用<LuckyWheel />大转盘组件或<LuckyGrid />九宫格组件
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <template> <div> <!-- 大转盘抽奖 --> <LuckyWheel style="width: 200px; height: 200px" ...你的配置 /> <!-- 九宫格抽奖 --> <LuckyGrid style="width: 200px; height: 200px" ...你的配置 /> </div></template> |
#方式2: 通过 script 标签引入
从下面的链接里下载一个叫index.umd.min.js的 js 文件, 然后使用 script 标签引入
下载地址:
1 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | <div id="app"> <!-- 大转盘抽奖 --> <lucky-wheel style="width: 200px; height: 200px" ...你的配置 /> <!-- 九宫格抽奖 --> <lucky-grid 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> |
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com