利用vue开发一个所谓的数独方法实例

 
 

 
 

  {{allNumText[index][indexSub]}}
 
 

mounted(){
 let arr1 = [1, 2, 3, 4, 5, 6, 7, 8, 9];
 let row = [], rowCol = 0;
 for (let i = 0, len = arr1.length; i 

this.allNum.sort((n1, n2) => Math.random() - 0.5);

//随机获取两列的索引
function randomText() {
 let rOndomIndex= 0, rOndomIndexAfter= 0;
 //获取第一列的索引
 rOndomIndex= Math.floor(Math.random() * 9);
 function randomDo() {
 rOndomIndexAfter= Math.floor(Math.random() * 9);
 //如果第一列和第二列索引一样，第二列的索引再次重新随机获取
 if (rOndomIndexAfter=== rondomIndex) {
  randomDo();
 }
 }
 randomDo();
 //返回两列的索引
 return [rondomIndex, rondomIndexAfter]
}
//打乱列
let randomArr = [], nowValue = 0;
//同样遍历9次
for (let i = 0; i <9; i++) {
 randomArr = Object.assign([], randomText());
 //遍历每一行，给每一行的随机两列交换值
 for (let j = 0, len = this.allNum.length; j 

//记录所有坐标
let rowText = '', arrText = []
for (let i = 0; i <9; i++) {
 rowText = ''
 for (let j = 0; j <9; j++) {
  rowText += i + '-' + j + ',';
 }
 arrText.push(rowText.substr(0, rowText.length - 1))
}
console.log(arrText);

//随机掏空
let nowItme = [], _option, nowOption = [];
for (let i = 0; i <9; i++) {
 //抽取当前行的所有坐标
 nowItme = arrText[i].split(',');
 nowOption = [];
 //当前行的随机两个坐标掏空
 for (let j = 0; j <2; j++) {
  //抽取当前行的随机一个坐标
  _option = Math.floor(Math.random() * nowItme.length);
  //分割坐标的x,y
  nowOption = nowItme.splice(_option,1)[0].split("-");
  this.allNum[nowOption[0]][nowOption[1]] = '';
 }
}

 
 
 

  {{allNumText[index][indexSub]}}
 

 

  
  
  

   {{allNumText[index][indexSub]}}
  
 


 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
 

/**
 * @description 显示数字键盘
 * @param i1
 * @param i2
 */
showCheck(i1, i2){
 //点击的格子是否是被掏空的格子
 if (this.allNum[i1][i2] !== '') {
  return
 }
 //点击的格子如果是上一次点击的格子（当前格子）
 if (i1 === this.curRow && i2 === this.curCol) {
  //隐藏数字键盘，curRow和curCol设空
  this.checkShow = false;
  this.curRow = '';
  this.curCol = '';
 }
 else {
  //隐藏数字键盘，curRow和curCol分别设置成当前的点
  this.checkShow = true;
  this.curRow = i1;
  this.curCol = i2;
 }
},

 
 
 

  {{allNumText[index][indexSub]}}
 

 
 
 

  {{allNumText[index][indexSub]}}
 

inputText(_text){
 //*****************************检查前的初始化
 let _row = this.curRow, _col = this.curCol;
 this.curRow = '';
 this.curCol = '';
 this.isErr = false;
 this.optiOnNow= {
  x: '',
  y: '',
 }
 this.optiOnNowInRow= {
  x: '',
  y: '',
 }
 this.optiOnNowInCol= {
  x: '',
  y: '',
 }
 //*****************************检查行
 //根据当前格子进行赋值
 this.allNumText[_row][_col] = _text;
 let rowCheck = Object.assign(this.allNumText[_row], []);
 this.checkShow = false;
 for (let i = 0, len = rowCheck.length; i  {
   this.isShake = false;
  }, 1000)
  return;
 }
 //如果数组去重后，长度小于9，就是行没完成
 rowCheck = rowCheck.filter(item => item !== '');
 if (rowCheck.length !== 9) {
  //console.log('行没完成')
  return;
 }
 let coloCheck = [];
 //如果数组去重后，长度小于9，就是列没完成
 for (let i = 0, len = this.allNumText.length; i  item !== '');
  if (coloCheck.length !== 9) {
   //console.log('没完成')
   return;
  }
 }
 alert('挑战成功，但是没奖品');
 this.numShow = false;
}

 
 
 
 



 

  
所谓的数独：规则
  
1.每一行数字不重复
  
2.每一列数字不重复
 
 

  
  

   
   
   

    {{allNumText[index][indexSub]}}
   
  
  
  

   

    
1
    
2
    
3
    
4
    
5
    
6
    
7
    
8
    
9