element ui使用el-table时,切换tab原tab页刷新,且list列表发生错位问题

一、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()
	    })
    },
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值