template
<div class="page-container" :style="handleColor">
<el-input v-model="bgColor" />
</div>
script
data() {
return {
bgColor: 'red'
}
},
computed: {
handleColor() {
return '--bgColor: ' + this.bgColor
}
},
CSS
.page-container {
padding: 100px;
background-color: var(--bgColor);
}