uniapp 九宫格抽抽奖

<template>
  <div class="grid">
    <div class="grid-item" v-for="(item, index) in items" :key="index" :class="{ 'selected': selected == index && selected!=4}">
      {
  
  { item }}
    </div>
	<button @click="lottery">开始抽奖</button>
  </div>
</template>

<script>
	let wait = 60;
	let cycle = 20;
	let step = 0;
	let speedDown = false;
	let timer = null;
export default {
  data() {
    return {
      // 九宫格中的奖品
      items: ['奖品1', '奖品2', '奖品3', '奖品4', '奖品5', '奖品6', '奖品7', '奖品8', '奖品9'],
      // 中奖位置
      selected:0,
	  win:9
    };
  },
  computed: {
  	target() {
  		let target = this.win - 1;
  		target = target < 0 ? 0 : (target > 8? 8 : target);
  		return target;
  	}
  },


  methods: {
  	lottery() {
  		if (this.isRuning) return;
  		if (this.async) {
  			this.$emit('start', {
  				run: () => {
  					this.run();
  				}
  			});
  		}