vue中element-ui table列名lable换行问题

1.lable操作：label = "'....\n....'"注：双引号内有单引号，这样才可以解析文本。需要换行的文本处添加 \n2.css样式添加.el-table .cell{white-space:pre-line;}修改表格默认样式。pre-line: 文本中连续的空格会被合并，在遇到换行符或者<br />元素时会换行。添加的：...

id_dimu

12630人浏览 · 2019-03-27 12:15:05

id_dimu · 2019-03-27 12:15:05 发布

1.lable操作

：label = "'....\n....'"

注：双引号内有单引号，这样才可以解析文本。需要换行的文本处添加 \n

2.css样式添加

.el-table .cell{
    white-space:pre-line;
}

修改表格默认样式。

pre-line: 文本中连续的空格会被合并，在遇到换行符或者<br />元素时会换行。

添加的：

前提是在vue中的element哟。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^