要去掉 el-table 中的 'el-table--border' 类名,可以使用以下方法之一:

  1. 使用 CSS 样式覆盖:在样式文件中添加如下样式,将 'el-table--border' 类名的样式设置为无效。
.el-table--border {
  border: none !important;
}
  1. 使用 JavaScript:在 el-table 组件的 mounted 生命周期钩子函数中,通过 DOM 操作去掉 el-table 元素的 classList 中的 'el-table--border' 类名。
mounted() {
  this.$nextTick(() => {
    const elTable = document.querySelector('.el-table');
    elTable.classList.remove('el-table--border');
  });
}

请注意,第二种方法需要确保 el-table 组件已经被渲染到 DOM 中,因此使用了 Vue 的 $nextTick 方法来确保 DOM 已经更新。

Element UI 表格去除边框样式:el-table--border 类名移除方法

原文地址: https://www.cveoy.top/t/topic/fKjk 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录