如何更改elementui中组件样式？（vue/js）

最新推荐文章于 2023-12-07 18:05:10 发布

weixin_43677787

最新推荐文章于 2023-12-07 18:05:10 发布

阅读量284

点赞数

文章标签： vue.js javascript elementui

本文链接：https://blog.csdn.net/weixin_43677787/article/details/127277267

版权

想更改el-tabs的样式，这个样式

let tabs;
this.$nextTick(() => { // 如果不写this.$nextTick(() => {}) 报错如下
	tabs = this.$refs.tabs;
})
// 获取元素
let tabDom = tabs.$el;
// 获取宽度等等
let width = window.getComputedStyle(tabDom.querySelector('.要更改元素的类名/#要更改元素的id')).width;
// 获取内边距等
let paddingLeft = window.getComputedStyle(tabDom.querySelector('.要更改元素的类名/#要更改元素的id')).getPropertyValue('padding-left');
// 更改 元素样式
tabDom.style.width  = 你需要的宽度 + ‘px’

在这里插入图片描述
知识点：nextTick即有可能是微任务,也有可能是宏任务，但优先是微任务。