## **效果** 當點擊抽獎按鈕時，九宮格會進行抽獎行為  ## 傳入數據 通過傳入這四個數值來控制當前九宮格抽獎的配置 ``` lottery_draw_param:{ startIndex: 0, //開始抽獎位置，從0開始 totalCount: 4, //一共要轉的圈數 winingIndex: 4, //中獎的位置，從0開始 speed: 50 //抽獎動畫的速度 [數字越大越慢,默認100] } ``` 設置獎品（`grid_info_arr`），此數組包含的對象只有兩個，分別為圖片以及獎品名稱 ``` { logo:"../../static/SJ-LotteryDraw/grid_img_1.png",//每個格子顯示的圖片 text:"手機"//每個格子的文字（獎品名稱） }, ``` ## 暗箱操作 通過更改其中獎位置索引來讓用戶抽不到大獎 ``` get_winingIndex(callback){ this.lottery_draw_param.winingIndex=6;//不得超過7 //props修改在小程序和APP端不成功，所以在這里使用回調函數傳參， callback(this.lottery_draw_param); }, ``` ## 抽獎完成 抽獎完成時，在控制臺打印出信息 ``` // 抽獎完成 luck_draw_finish(param){ console.log(param) // console.log(`抽到第${param+1}個方格的獎品`) } ``` ``` [Object] {"logo":"../../static/images/grid_img_1.png","text":"QQ糖1"} at pages/index/index.vue:76 ``` ## 標簽傳值 ``` <LotteryDraw @get_winingIndex='get_winingIndex' @luck_draw_finish='luck_draw_finish' :grid_info_arr="grid_info_arr"></LotteryDraw> ```