Edit delete user

1： Add users .

Write the interface in the background , Foreground writing method , And then again user The method bound by the button is called in the component . You can successfully add .

2： Edit the user's implementation

There must be two interfaces in the background , One is based on the current id Get users , The other is updated .

Then the front desk api Add two methods to call these two background interfaces

Then click this button in the component , call handAdd Method open the pop-up window and use this window to user Reassign , otherwise , There is always id Of , You can't go, new , Then open the window, and then according to the query id Assign a value .

Then after assignment , I need to judge at the button , Click OK to go to add , Or editor     （ Judge underline id Whether there is , Equal to empty, go and add , It is not equal to empty editing   ----- Use the interface the day before yesterday to query id Methods ） 

Last , I'm just defining a updaeData Method can call the interface to update data .

3： Processing roles ： binding

3： Delete user

Background interface     There should be a prompt to delete elementui OK to cancel Pop-up windows , Then trigger the foreground deletion method , The deletion succeeded , But there is one bug

Bug describe ： When I have two more pages of data , Delete the data on the second page , The first page of data is not automatically displayed , The empty data on the second page is displayed . There is only one page left , The page number is still the second .

Solutions ：

（1） Find a variable and record the total number of pages ,

（2） Then determine whether the current page is larger than the total number of pages before obtaining the method of user list , If the current page is larger than the total number of pages , Let him equal the total number of pages .

（3） In the user list method, if you calculate     Divide the total number of entries by the number of entries on a page , And then round it up

 this.totalPage = Math.ceil(total/pageSize)  Then calculate after each successful deletion

this.totalPage = Math.ceil((this.total-1)/this.pageSize).

That's it .