lattice.isOpen = true;
}
}
},
点空白
第二个难点来咯，点空白格需要注意以下几点：1、空白格表示周围8格都没有雷 2、扩散周围8格，判断雷数，循环往复 3、遇边界停止扩散，遇数字停止扩散
假设横9纵9的格盘，第二排第三列格为空白格即第12格，那么点了该空白格之后，首先将其与周围8格（2，3，4，11，12，13，20，21，22）一起，isOpen置为true，然后分别以周围8格为中心，判断该格子是数字，停止扩散，是空白格，继续扩散
这一步写完，
// 代码把下半部分补齐
handleClickLattice(lattice) {
... else {
// 是空白
const latticeIndexArr = this.getLatticeIndex(lattice.index);
this.showWhiteAround(lattice, latticeIndexArr);
}
},
// 展示周围的空白标记，直至边缘（格子边缘或者数字）
showWhiteAround(lattice, latticeIndexArr) {
// 避免有重复的数据停不下来，去个重
latticeIndexArr = [...new Set(latticeIndexArr)];
for (let i = 0; i < latticeIndexArr.length; i++) {
const item = latticeIndexArr[i];
latticeIndexArr.splice(i, 1);
i--;
if (this.lattice[item].isOpen) {
continue;
}
this.lattice[item].isOpen = true;
if (!this.lattice[item].mineNum) {
const arr = this.getLatticeIndex(this.lattice[item].index);
this.showWhiteAround(this.lattice[item], latticeIndexArr.concat(arr));
}
}
},基本明面上的扫雷步骤就已经完成了，handleClickLattice方法再加一步判断，如果是雷，游戏结束
右键标记雷点
这个就很简单了，写个右击事件，修改一下格子的isMark和isOpen属性，这一步的基本逻辑就是
右击格子 格子本身已经被打开 1）是：格子已经被标记为地雷？ a. 是：取消标记（isMark和isOpen取反），剩余地雷数+1 b. 否：说明是右击了已经被点开的数字格，不做任何操作 2）否：isMark和isOpen取反，记录该格子已经被标记为地雷，格子处于打开状态，剩余地雷数-1，判断是否结束
// 右键确认是雷点
handleSureMinePoint(lattice) {
if (!lattice.isOpen) {
lattice.isMark = true;
lattice.isOpen = true;
this.minePosition.splice(this.minePosition.indexOf(lattice.index), 1);
this.judgeIsOver();
} else {
if (lattice.isMark) {
lattice.isMark = false;
lattice.isOpen = false;
this.minePosition.push(lattice.index);
}
}
},游戏是否结束
