lianxi-fenyeqi v1.0.6

let box=document.querySelector(".box");
let index=0,
    num=12;
let list=document.querySelector(".list");
   function getData(){
       axios.post("/api/lis",{
           index,num,
       }).then(result=>{
           if(result.data.code){
               let data=result.data

               box.innerHTML=data.arr.map(item=>{
                    return` <tr>
                               <td>${item.name}</td>
                               <td>${item.age}</td>
                               <td>${item.sex?"男":"女"}</td>
                               <td>${item.id}</td>
                               <td>
                                   <button class="del" id="${item.id}">删除</button>
                                   <button>取消</button>
                               </td>
                           </tr> `
               }).join("");


               let leng="";
               for(let i=1;i<=data.maxlen;i++){
                   leng+=`<li }>${i}</li>`;
               }

               list.innerHTML=leng;

               list.children[index].classList.add('active')
           }
       })
   }
   getData();
   let next=document.querySelector(".next");
   let per=document.querySelector(".per");
   document.body.onclick=e=>{
       let tar=e.target;
       if(tar.nodeName==="LI"){
           
           
           index=tar.innerHTML-1;
           getData();
       }
    }