問題1:El-Table組件內容超出時,無法出現縱向滾動條。
-----------------------------------------------
**描述:**通過Button控制Dialog組件的顯示于隱藏,并在其中鑲嵌Table組件。table數據通過后臺動態獲取,通過`max-height`設置Table組件的綜最大高度。當數據改變后,重新顯示Dialog時,TTable組件渲染的內容超出`max-height`設置時,無法出現縱向滾動條。
**解決:**將設置`max-height`改為`height`。最好顯示時,調用this.$refs.table.daLayout()。
**示例代碼:**
```
<el-table ref="table"
:data="myData"
height="myData ? 380 : auto ">
// Table內容
</el-table>
```
axios設置所有請求頭
----------------------
關于axios的封裝有一篇很詳細的文章,我就不再重復了。有需求的可以自行閱讀。
segmentfault 中搜索 [新手axios封裝](https://segmentfault.com/a/1190000012743382),連接: https://segmentfault.com/a/1190000012743382
連續axios請求
------------------------------
##### 問題再現
```
// api.js
export const getUserInfo = params => {
return axios.get('loaclhost:3000/getUserInfo',{params})
}
// 組件中調用
api.getUserInfo({id: 1});
api.getUserInfo({id: 2});
//發起2次Ajax請求
// but 請求參數相同
```
#### 解決方法
```js
// 延時第二次調用
api.getUserInfo({id: 1});
this.$nextTick(() => {
api.getUserInfo({id: 2});
});
```
課后作業:分析該問題產生的原因。
> 提示: 并不是因為產生閉包的原因
你如果知道答案,請在本書的評論區給我留言 ^_^
至此,關于這本Vue學習記錄的電子書終于完成。
因為最近時間較少,因此寫的比較沖忙,如有錯誤指出,請通過評論留言(說不定我那天 心情好會逛逛評論區)。