vue内容省略表示(超过15位显示...)
需要设置省略的字段加上方法(通过|做出来)<pclass="title":title="scope.row.appVersion">{{scope.row.appVersion | ellipsis}}</p>书写过滤方法filters: {// 版本号显示12位,超过12位显示...ellipsis: func...
·
需要设置省略的字段加上方法(通过|做出来)
<p
class="title"
:title="scope.row.appVersion"
>{{scope.row.appVersion | ellipsis}}</p>
书写过滤方法
filters: {
// 版本号显示12位,超过12位显示...
ellipsis: function(value) {
if (!value) return "";
if (value.length > 15) {
return value.slice(0, 15) + "...";
}
return value;
}
},
同理filters不光可以做文字过滤,也可以写千分位等
filters: {
// 千分位显示
ellipsis: function(value) {
// 数据取得之前,显示空字符串
if (value === undefined) return '';
// 获取整数部分
var intPart = Number(value).toFixed(0);
// 将整数部分逢三一断
var intPartFormat = intPart
.toString()
.replace(/(\d)(?=(?:\d{3})+$)/g, "$1,");
return intPartFormat;
}
},
更多推荐
已为社区贡献5条内容
所有评论(0)