代码实现
export default {
data() {
return {
outerStyle: {},
innerStyle: {}
};
},
mounted() {
// 假设这两个元素存在并且你想应用样式
this.outerStyle = { 'border-radius': 'inherit', 'height': '26px' };
this.innerStyle = { 'border-radius': 'inherit' };
},
template:/*html*/`
<div :style="outerStyle" class="el-progress-bar__outer" class="m-2">
<el-progress percentage=50 stroke-width=18 :style="innerStyle" class="el-progress-bar__inner" />
</div>
`
};
参考:
element-ui中 Progress 进度条 圆角修改成方形 背景色等修改_element进度条改成方形-CSDN博客