element-ui中label过长换行与el-input等高_el-form-item中label文字超长

1. template中设置label

:label = "'....\n....'"
<!--
    如：
    <el-form-item :label = "'税收居民国(地区)2\n(如有请填写):'"  class="foldLabel">
        <el-input type="text"></el-input>
    </el-form-item>
-->

注意：双引号中需要添加单引号将内容包裹，然后在换行处添加'\n'

2.设置css样式 将label文字与input等高

<style scoped>
    ::v-deep.el-form-item.foldLabel .el-form-item__label {
        white-space: pre-line; /*换行显示*/
        height: 32px;/*设置lable高度，与input高度一样*/
        line-height: 16px!important;/*设置行高为label高度的一半（有n行就是label高度的1/n）*/
    }
</style>