下載npm包

npm install vue-pant yarn add vue-pant

全局注冊(cè)

import 'vue-pant/lib/pant.css' import {bigTurntable} from 'vue-pant' Vue.use(pant);

頁(yè)面按需引入

import 'vue-pant/lib/pant.css' import {bigTurntable} from 'vue-pant' <big-turntable/>

組件屬性

1.size：大小（number）
2.index：到達(dá)區(qū)域（number）
3.button：是否顯示按鈕（boolean）
4.options：轉(zhuǎn)盤(pán)數(shù)據(jù)

默認(rèn)值

[{area:'一等獎(jiǎng)',color:'red'},{area:'二等獎(jiǎng)',color:'#ccc'},{area:'三等獎(jiǎng)',color:'yellow'},{area:'四等獎(jiǎng)',color:'#3858E6'} ]

5.轉(zhuǎn)動(dòng)事件：lottery()

效果

總結(jié)

以上是生活随笔為你收集整理的vue大转盘抽奖的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。