如果后台传过来的值时有时无,判断后渲染
vm.tableData.forEach((e, i) => {
if (e.createTime == '') {
e.createTime = '-';
} else {
e.createTime = this.moment(e.createTime).format('YYYY-MM-DD HH:mm:ss')
}
if (e.updateTime == '') {
e.updateTime = '-';
} else {
e.updateTime = this.moment(e.updateTime).format('YYYY-MM-DD HH:mm:ss')
}
});
当名称不适用于传统的字数过长...显示(属性不兼容火狐),,用el-tooltip可自己加上...
vm.tableData.forEach((e, i) => {
e.nameContent =e.name;
if (e.name.length >= 7) {
e.name = e.name.substring(0,6)+"...";
} else {
e.name = e.name;
}
});
文字加图片不适合直接给表格用show-overflow-tooltip
那么,总结下:
1.显示部分点点结尾,火狐浏览器不会兼容设置的属性;(用overflow: hidden;-webkit-line-clamp: 2;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;时不兼容火狐;)
2.用show-overflow-tooltip时(个人认为比较适合对存文字的)。el-table的自带属性
3,用气泡显示隐藏部分,由于那里一起的有个图片,可用el-tooltip