## **效果** 当点击抽奖按钮时，九宫格会进行抽奖行为  ## 传入数据 通过传入这四个数值来控制当前九宫格抽奖的配置 ``` 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> ```