Element UI官方文档中可能会提到el-descriptions-item的隐藏功能。然而,根据我的了解,el-descriptions-item组件本身并没有直接的隐藏属性。 使用v-if或v-show指令: 在Vue中,我们可以使用v-if或v-show指令来控制组件的渲染或显示。如果希望在某些条件下隐藏el-descriptions-item,可以在其父组件中使用这些指令。 使用v...
可以在item后加中括号。根据查阅的百科资料得知，description指的是环境本来的含义是用于对某些名词的解释，想要descriptionitem不显示label，只要在item后加中括号，改变label即可。label：名词为标签，签条，标记的意思。动词为贴标签于…，把…称为，把…列为的意思。
descriptions-item :label="itemTwo.boxId" :span="2">{{ itemTwo.vehicleId }} </el-descriptions-item> </template> <el-descriptions-item v-if="itemOne.packData.length%2!==0" disabled="true" label='- - - - - - -' :span="2">- - - - - - - </el-descriptions-item> </...
</el-descriptions> item内可以放置文本,这里为了简便直接就用{{}}来取值了,放el-input也是可以的,多个框,双击内容取值就不会取到label了。 但有时候可能某个item的内容过长(用input能规避该问题,因为能隐藏溢出,自行拖动看到内容。但是这样不能一眼看完) 若是占据两三行,对整体格式影响不大,那么可以给el-desc...
[Bug Report] el-descriptions-item 不支持 #label 形式的具名插槽; el-descriptions-item dosen't support #label slot Element UI version 2.15.7 OS/Browsers version chrome Vue version 2.6.14 Reproduction Link https://codepen.io/JamesZhang/pen/jOGLJVL...
简介:解决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> ...
Bug Type: Component Environment Vue Version: 3.3.4 Element Plus Version: 2.3.7 Browser / OS: Chrome/114.0.5735.199 Build Tool: Vite Reproduction Related Component el-descriptions-item Reproduction Link Element Plus Playground Steps to re...
Existing Component Yes Component Name el-descriptions Description while using this new component, I noticed that the size or width of it's label is relative. this makes the whole description area ugly... I have to set it fixed myself. I ...