很多情况下我们要自定义element ui的样式,如下要实现输入框去掉边框
template代码
<template #default="scope">
<el-input :readonly="scope.row.isEdit" :class="scope.row.isEdit ? 'noEdit':''" style="width: 70%;" size="small" v-model="scope.row.name"></el-input>
</template>
less scss样式穿透(也叫深度选择器)
只需试用/deep/
css代码
.noEdit{
/deep/ input {
border: 0;
}
}
这里需求是要动态去绑定类名,效果图如下,上面的输入框边框去掉