Element UI中Steps 步骤条description描述换行展示
生活随笔
收集整理的這篇文章主要介紹了
Element UI中Steps 步骤条description描述换行展示
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
突然要求加了個(gè)顯示字段,之前的代碼只能顯示一行,于是乎找到了解決辦法,代碼如下:其中的屬性自行到官網(wǎng)查看釋義吧:Element UI官網(wǎng)傳送門(mén)
<el-table><!-- 可展開(kāi)的表格 --><el-table-column type="expand"><template slot-scope="props"><el-steps :active="props.row.progressBar" align-center finish-status="success"><el-step title="展示測(cè)試" description="props.row.submitDate"><template slot="description" ><span>{{props.row.submitterName}}<br/>{{props.row.submitDate}}</span></template></el-step></el-steps></template></el-table-column> </el-table>借鑒地址:vue element ui中el-step description 換行展示 - 簡(jiǎn)書(shū)
總結(jié)
以上是生活随笔為你收集整理的Element UI中Steps 步骤条description描述换行展示的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: scala中下划线的几种含义
- 下一篇: ElasticSearch中什么是桶(b