问题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学习记录的电子书终于完成。
因为最近时间较少,因此写的比较冲忙,如有错误指出,请通过评论留言(说不定我那天 心情好会逛逛评论区)。