前端接口的一些使用技巧

需求

1. 點擊編輯按鈕，彈出編輯的對話框，但是，對話框裏面的信息，必須是原來的信息

做法： 別看是編輯按鈕，但是在你點擊編輯按鈕的時候，調用的是根據id查詢到的數據的接口，先展示在對話框裏，當你編輯完數據，點擊確定按鈕，調用的纔是編輯提交接口

2. 請求接口，出現參數不能爲空？ 我也不知道你要什麼數據，可不就是爲空？
   詳見這篇博客 問題2
3. 關於數據的修改和保存操作
   數據的修改，首先是調用查詢數據的接口，將數據顯示在頁面。 保存修改的數據，可以使用查詢接口獲取到的參數
   
4. 刪除數據的接口，一般都是有一個刪除的提示，一般人都是刪除完，重新調用頁面的所有數據，單數這樣會形成數據全部重載，操作人如果想留在當前操作的界面，是不行的。那麼直接刷新頁面數據行不通
   由於調用刪除的接口，已經返回的是角色下最新的數據。所以直接進行賦值操作就ok
   
5. 不管是刪除操作，查詢操作，添加操作，都需要根據id來查找操作對象
   這個時候，作用域插槽就顯得尤爲重要 ,將需要操作的按鈕，用作用域插槽包裹起來

<template s;ot-scope="scope">
<el-button type=“primary”  @click="delete(scope.row.id)">刪除</el-button>
 </template>

這樣就可以很輕鬆的獲取到id 值
6. 接口需要字段拼接，建議使用模板字符串 ${name}
7. 接口出現

很有可能是你在定義數據的時候，需要數組，你定義的是對象

第二種可能就是接口返回的數據，你只取到data，其實data下面還有層級

res.data.result