一、tab页刷新关闭
首先我们的页面全是存在数据库里的,要保证我们页面的name属性的内容和数据库的页面code保持一致
export default {
name: "DevicesList"
}
对应数据库中的
将前端setting.js配置节点useCache设置为true
二、tab页切换,列表的fix属性会使页面列表错位问题
这个时候element官网中给的table的一个重新渲染的方法doLayout();这个方法能重新渲染table组件,一般来说是在监听中调用这个方法,但是我现在因为tab页切换的刷新被我移除既保留原页面数据,tab页切换后原页面不刷新,则监听列表数据不变化,所以做不到重新渲染。
这时候,我将dolayout放在了生命周期activated中,因为tab页来回切换肯定会走activated,所以,将重渲染放在activated中,保证切换页面执行
activated(){
this.doLayout();
},
methods: {
doLayout(){
let that = this
this.$nextTick(() => {
//其中templist是el-table的ref
that.$refs.templist.doLayout()
})
},