el-table在搜狗浏览器行列不对齐解决方案

el-table在chrome是正常显示,但是打开搜狗后发现数据刷新后,table的行与列显示异常,也修改了啥css,试了网上的方法没效果,所以就想到了使用reload刷新方法,让table重新渲染,果然问题解决了

<template>
  <div v-if="isReloadData">
    假如在这个div里面修改了某些数据,或者是 props 带过来的数据,又或者是通过 funcation 动态设置的属性属性,
    可能在修改之后不会进行刷新展示最新的数据
  </div>
</template>

<script>
export default {
  data () {
    return {
      // 刷新标识
      isReloadData: true
    }
  },
  methods: {
    // 刷新当前页面,在修改数据之后 this.reload 一下就可以完成刷新当前这个指定标签的刷新
    reload () {
      this.isReloadData = false;
      this.$nextTick(() => {
        this.isReloadData = true;
      })
    }
  }
}
</script>

<style>

</style>

虽然比较损耗性能,但是确实简单粗暴,很实用,主要原理就是v-if的条件渲染,让其重新挂载dom,重新渲染

posted on 2021-09-23 19:49  还是种田踏实  阅读(161)  评论(0编辑  收藏  举报