接受到值处理后渲染

如果后台传过来的值时有时无,判断后渲染

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值