elment-table设置el-table-column的label里面的文字换行居中显示

效果图如下:
在这里插入图片描述

直接上代码:

        
            
            
             
            
            
            
            
            
            
            
            
            
            
            
        

主要代码:


注意:label是取一个变量前面有冒号,变量里面取的字符串又单引号,才可正常解析\n为换行字符

文字样式:

/deep/ .el-table .cell {
    white-space: pre-line!important;
    text-align: center;
}

你可能感兴趣的:(常见框架bug修改,vue.js,elementui,前端)