解决el-descriptions的label-class-name不生效问题

简介: 解决el-descriptions的label-class-name不生效问题

在项目中要使element的Descriptions描述列表固定宽度

在el-descriptions-item上添加label-class-name=“className”

css中使用自定义的class名设置样式(不能用<style scoped>包裹)

<style lang="scss" scoped>
  .detail-label{
    width: 100px;
  }
</style>

改成

<style lang="scss">
  .detail-label{
    width: 100px;
  }
</style>

就生效了

相关文章
|
4月前
|
前端开发
前端使用 <el-descriptions>标签报错: <el-descriptions> - did you register the component correctly
前端使用 <el-descriptions>标签报错: <el-descriptions> - did you register the component correctly
288 0
|
6月前
input type="button"和button的区别
input type="button"和button的区别
|
6月前
|
前端开发
|
6月前
使用Form报错提示If ngModel is used within a form tag, either the name attribute must be set or the form
使用Form报错提示If ngModel is used within a form tag, either the name attribute must be set or the form
|
11月前
|
Kubernetes 调度 异构计算
k8s Label 2
k8s Label 2
|
JavaScript
Element UI报错:Unknown custom element: <el-menu>
Element UI报错:Unknown custom element: <el-menu>
167 0
|
Kubernetes 调度 Perl
k8s--label
k8s--label
|
JavaScript
Element el-check 多选框详解
本文目录 1. 用途 2. 普通多选框 3. 带边框的多选框 4. 多选框组 5. 按钮样式的多选框组 6. 多选框组选中数量限制 7. 选项通过变量自动生成 8. 小结
965 0
Element el-check 多选框详解
Element UI - el-select 同时获取 value 和 label 的值
Element UI - el-select 同时获取 value 和 label 的值
596 0