因el-table合计行原本样式中border线条颜色太浅,需要给其加深颜色。因为只改单个页面的,所有不能用全局css。想到了用watch来实现,代码
watch: {
tableData: {
handler: function(newName, oldName) {
this.$nextTick(() => {
// 改变合计行样式
const s_table = document.getElementsByClassName('el-table__footer-wrapper')[0]
// console.log(s_table)
s_table.setAttribute('style', 'border: 1px solid #1A936F')
const child_tr = s_table.getElementsByTagName('tr')[0]
// console.log(child_tr)
child_tr.childNodes.forEach(item => {
item.setAttribute('style', 'border: 1px solid #1A936F')
})
})
},
immediate: true,
deep: true
}
},
实现效果: